/* Telegram iOS presentation within the existing photographed phone geometry. */
.launch-telegram .phone-photo{filter:brightness(1.04);mask-image:linear-gradient(#000 90%,transparent)}
.launch-closer>.wrap{width:min(1100px,calc(100% - 24px))}
.phone-screen.telegram-screen{background:#b4d8a3 url('telegram-wallpaper.svg') center/cover;font:400 1.2cqw/1.28 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:#111;letter-spacing:normal}
.telegram-screen *{box-sizing:border-box}
.telegram-screen .phone-status{flex:0 0 8%;color:#0f1712;padding-inline:7%;font-size:.8em}
.tg-header{display:flex;align-items:center;justify-content:space-between;gap:3%;padding:0 4% 3%;flex:0 0 11%;min-height:0}
.tg-back,.tg-title,.tg-avatar,.tg-attach,.tg-mic{background:#f5ffe9d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.tg-back{display:flex;align-items:center;gap:.12em;padding:.5em .45em;border-radius:2em;font-size:.85em;line-height:1;flex-shrink:0}
.tg-back .icon{width:1.5em;height:1.5em;transform:rotate(180deg);stroke-width:2}
.tg-back>span{display:block;background:#101510;color:#fff;border-radius:1em;padding:.18em .4em;font-size:.8em}
.tg-title{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:2em;padding:.42em .3em;line-height:1.1}
.tg-title strong{font-size:1.06em;font-weight:600;letter-spacing:-.015em;white-space:nowrap}
.tg-title small{display:block;font-size:.76em;color:#1989df;margin-top:.16em}
.tg-avatar{width:3.2cqw;height:3.2cqw;flex:0 0 3.2cqw;padding:.19cqw;border-radius:50%}
.tg-avatar>span{display:block;width:100%;height:100%;border-radius:50%;background:url('ella-portrait.jpg') 50% 20%/cover}
.tg-thread{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:.45em;flex:1;min-height:0;padding:1% 4% 3%;overflow:hidden}
.tg-day{align-self:center;background:#527c5680;color:#fff;border-radius:2em;padding:.24em .8em;font-size:.7em;margin-bottom:.3em}
.tg-bubble{position:relative;max-width:89%;border-radius:1em;padding:.45em .6em .22em;background:#fff;box-shadow:0 1px 1px #233e3510;font-size:.97em;line-height:1.28;overflow-wrap:anywhere}
.tg-bubble:before{content:"";position:absolute;bottom:0;left:-.32em;width:.65em;height:.8em;background:inherit;clip-path:polygon(80% 0,100% 100%,0 100%)}
.tg-bubble.out{align-self:flex-end;background:#e0ffc7}
.tg-bubble.out:before{left:auto;right:-.32em;transform:scaleX(-1)}
.tg-bubble time{display:flex;align-items:center;justify-content:flex-end;gap:.25em;font-size:.65em;line-height:1.2;color:#7b858b;margin-top:.15em;white-space:nowrap}
.tg-bubble.out time{color:#63965c}
.tg-checks{letter-spacing:-.27em;padding-right:.27em;color:#4c9e4a;font-size:1.1em}
.tg-bubble.tg-media{width:68%;flex:0 0 auto;padding:.2em;overflow:hidden;border-radius:.9em}
.tg-bubble.tg-media:before{display:none}
.tg-media time{position:absolute;bottom:.45em;right:.55em;z-index:2;color:#fff;background:#0003;padding:.1em .35em;border-radius:1em}
.tg-shared-photo{position:relative;display:grid;place-items:center;height:12cqw;overflow:hidden;border-radius:.75em;background:#a4b7ae}
.tg-shared-photo:before{content:"";position:absolute;inset:-10%;background:linear-gradient(#153a2914,#20312914),url('ella-lifestyle.jpg') 50% 24%/cover;filter:blur(8px);transform:scale(1.08)}
.tg-content-lock{position:relative;z-index:1;display:grid;place-items:center;width:2.8em;height:2.8em;border:1px solid #fffc;border-radius:50%;color:#fff;background:#ffffff0d}
.tg-content-lock .icon{width:1.45em;height:1.45em;stroke-width:1.5}
.tg-composer{display:flex;align-items:center;gap:3%;padding:0 4% 2%;flex:0 0 10%;min-height:0}
.tg-attach,.tg-mic{width:2.2em;height:2.2em;flex:0 0 2.2em;border-radius:50%;display:grid;place-items:center;color:#111}
.tg-composer .icon{width:1.4em;height:1.4em;stroke-width:1.7}
.tg-input{display:flex;align-items:center;justify-content:space-between;gap:.3em;min-width:0;flex:1;background:#f7fff0d9;border-radius:2em;padding:.52em .65em;color:#81977d;font-size:.9em}
.tg-input .icon{width:1.1em;height:1.1em;color:#7d957a}
.telegram-screen .home-indicator{flex-shrink:0;width:32%;height:.32cqw;background:#111;border-radius:20px;align-self:center;margin:0 0 2.3%}
.telegram-figure figcaption{color:#817b80}
body[data-page="index"] .site-header{background:rgba(255,255,255,.96)}
body[data-page="telegram-ai"] .detail-hero,body[data-page="closer2me"] .detail-hero{background:#fff}
.closer-detail-composition{width:min(1100px,calc(100% - 24px));margin:0 auto 48px;background:#fff;overflow:hidden}
