:root{font-family:"Roboto",Arial,sans-serif;color:#e9edef;background:#000;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#000}body{display:flex;justify-content:center}.phone-shell{position:relative;width:min(100%,480px);min-height:100vh;background:#0b141a;box-shadow:0 0 50px #000;overflow:hidden}.topbar{position:sticky;top:0;z-index:5;height:64px;display:flex;align-items:center;gap:10px;padding:8px 12px;background:#075e54}.back{font:300 36px/1 Arial;transform:translateY(-2px)}.avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:1px solid #d7e7e4}.group-info{min-width:0;flex:1}.group-title{font-weight:700;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.verified{display:inline-grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#29b6f6;color:white;font-size:10px}.members{margin-top:4px;font-size:12px;color:#c8d6d4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-icons{display:flex;align-items:center;gap:15px;font-size:18px}.top-icons span:first-child{font-size:11px}.pinned{position:sticky;top:64px;z-index:4;display:flex;align-items:center;height:38px;padding:0 14px;background:#1f2c34;color:#c7d0d5;font-size:13px;white-space:nowrap;overflow:hidden}.pinned strong{color:#e9edef}.chat{min-height:calc(100vh - 102px);padding:18px 12px 0;background-color:#0b141a;background-image:radial-gradient(circle at 8px 8px,#13232c 1px,transparent 1.5px);background-size:28px 28px}.day{width:max-content;margin:0 auto 9px;padding:6px 12px;border-radius:9px;background:#18262e;color:#aebac1;font-size:12px}.encryption{max-width:390px;margin:0 auto 10px;padding:8px 10px;border-radius:8px;text-align:center;background:#18262e;color:#b2bfc5;font-size:11.5px;line-height:1.35}.bubble{position:relative;max-width:84%;margin:8px 0;padding:10px 11px 20px;border-radius:8px;background:#1f2c34;font-size:14px;line-height:1.4;box-shadow:0 1px 1px #0004}.bubble p{margin:3px 0 0}.bubble strong:first-child{display:block;font-size:13px}.bubble time,.invite-card time{position:absolute;right:8px;bottom:5px;color:#8696a0;font-size:10px}.sent{margin-left:auto;background:#005c4b}.photo-bubble{padding:8px 8px 20px;max-width:78%}.photo-bubble>strong{padding:0 3px 5px}.photo-bubble img{display:block;width:100%;max-height:385px;object-fit:cover;object-position:center 50%;border-radius:3px}.photo-bubble p{padding:5px 3px 0}.pink{color:#f28bc3}.blue{color:#53bdeb}.orange{color:#ffb36b}.green-name{color:#00a884}.checks{color:#53bdeb}.invite-card{position:relative;display:block;margin:8px 0 6px auto;max-width:88%;padding:10px 10px 22px;border-radius:8px;background:#005c4b;color:#e9edef;text-decoration:none;box-shadow:0 1px 1px #0004}.invite-head{display:flex;align-items:center;gap:10px}.invite-head img{width:52px;height:52px;border-radius:50%;object-fit:cover}.invite-head strong{display:block;font-size:14px}.invite-head span{display:block;margin-top:4px;color:#b8c6c4;font-size:11px}.badges{display:flex;gap:6px;margin:10px 0 7px}.badges b{padding:4px 7px;border-radius:4px;background:#0a7664;color:#bfe8df;font-size:9px;letter-spacing:.5px}.invite-card p{margin:0;color:#d7e5e2;font-size:13px}.typing{margin:9px 0 0 12px;color:#00a884;font-size:12px;font-style:italic}.typing span{letter-spacing:2px}.bottom-space{height:176px}.join-panel{position:fixed;z-index:6;bottom:0;width:min(100%,480px);padding:8px 12px max(10px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#0b141a 10%,#0b141a)}.fake-input{height:40px;margin-bottom:8px;padding:11px 15px;border-radius:20px;background:#202c33;color:#8696a0;font-size:13px}.fake-input span{float:right}.join-button{display:block;padding:14px 18px;border-radius:9px;background:#25d366;color:#052e23;text-align:center;text-decoration:none;font-weight:700;font-size:15px;box-shadow:0 5px 18px #0007;transition:transform .15s,filter .15s}.join-button:hover{filter:brightness(1.06)}.join-button:active{transform:scale(.985)}.join-panel p{margin:8px 0 0;text-align:center;color:#8696a0;font-size:11px}@media(min-width:700px){.phone-shell{min-height:100vh}.join-panel{left:50%;transform:translateX(-50%)}}@media(max-width:360px){.top-icons{gap:10px}.bubble{max-width:90%}.pinned{font-size:12px}}