.im-frame{box-sizing:border-box;border:10px solid #000;border-radius:50px;width:380px;max-width:100%;margin:0 auto;position:relative}.im-dynamic-island{z-index:10;pointer-events:none;background:#000;border-radius:12px;width:90px;height:24px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.im-frame:before{content:"";background-color:#000;border-radius:5px 0 0 5px;width:5px;height:55px;position:absolute;top:140px;left:-15px;box-shadow:0 75px #000}.im-frame:after{content:"";background-color:#000;border-radius:0 5px 5px 0;width:5px;height:80px;position:absolute;top:160px;right:-15px}@media (width<=480px){.im-frame:before,.im-frame:after{display:none}}.im-phone{box-sizing:border-box;-webkit-font-smoothing:antialiased;background:#fff;border-radius:40px;width:100%;font-family:-apple-system,SF Pro Text,BlinkMacSystemFont,Helvetica Neue,sans-serif;position:relative;overflow:hidden}.im-statusbar{color:#000;background:#f2f2f7;justify-content:space-between;align-items:center;padding:14px 24px 4px;font-size:14px;font-weight:600;display:flex}.im-statusbar-time{font-variant-numeric:tabular-nums;letter-spacing:.01em;font-size:15px;font-weight:700}.im-statusbar-right{align-items:center;gap:5px;display:flex}.im-statusbar svg{display:block}.im-header{background:#f2f2f7;border-bottom:.5px solid #0000001f;align-items:center;padding:4px 12px 10px;display:flex}.im-header-back{color:#007aff;flex-shrink:0;align-items:center;gap:2px;display:flex}.im-header-back svg{display:block}.im-header-center{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.im-header-avatar{color:#fff;background:#c7c7cc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:2px;display:flex;overflow:hidden}.im-header-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.im-header-name{color:#000;white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:11px;font-weight:500;overflow:hidden}.im-header-icons{color:#007aff;align-items:center;gap:18px;display:flex}.im-header-icons svg{display:block}.im-chat{background:#fff;height:555px;min-height:555px;max-height:555px;padding:8px 10px 12px;overflow-y:auto}.im-date-chip{text-align:center;margin:6px 0 10px}.im-date-chip span{color:#8e8e93;letter-spacing:-.01em;font-size:11px;font-weight:500}.im-msg{cursor:pointer;margin-bottom:2px;display:flex;position:relative}.im-msg.sent{justify-content:flex-end}.im-msg.received{justify-content:flex-start}.im-msg.received+.im-msg.sent,.im-msg.sent+.im-msg.received{margin-top:6px}.im-bubble{word-wrap:break-word;letter-spacing:-.01em;max-width:75%;padding:8px 12px;font-size:16.5px;line-height:1.32;position:relative}.im-msg.sent .im-bubble{color:#fff;background:#007aff;border-radius:18px 18px 4px;margin-right:4px}.im-phone.sms .im-msg.sent .im-bubble{background:#34c759}.im-msg.received .im-bubble{color:#000;background:#e9e9eb;border-radius:18px 18px 18px 4px;margin-left:4px}.im-delivery{text-align:right;color:#8e8e93;letter-spacing:-.01em;padding:2px 8px 2px 0;font-size:11px;font-weight:400}.im-delivery-clickable{cursor:pointer;transition:opacity .15s}.im-delivery-clickable:hover{opacity:.65}.im-inputbar{background:#f2f2f7;border-top:.5px solid #0000001f;align-items:flex-end;gap:6px;padding:6px 8px 20px;display:flex}.im-inputbar-plus{color:#fff;background:#007aff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.im-phone.sms .im-inputbar-plus{background:#34c759}.im-inputbar-field{background:#fff;border:.5px solid #0000002e;border-radius:20px;flex:1;align-items:center;padding:7px 12px;display:flex}.im-inputbar-input{color:#000;background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:16px;line-height:1.3}.im-inputbar-input::placeholder{color:#c7c7cc}.im-inputbar-send{color:#fff;cursor:pointer;background:#007aff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:background .15s;display:flex}.im-inputbar-send:hover{background:#0066e6}.im-phone.sms .im-inputbar-send{background:#34c759}.im-phone.sms .im-inputbar-send:hover{background:#2db84e}.im-phone.dark{background:#000}.im-phone.dark .im-statusbar{color:#fff;background:#1c1c1e}.im-phone.dark .im-header{background:#1c1c1e;border-bottom-color:#ffffff14}.im-phone.dark .im-header-name{color:#fff}.im-phone.dark .im-header-avatar{background:#636366}.im-phone.dark .im-chat{background:#000}.im-phone.dark .im-msg.received .im-bubble{color:#fff;background:#3a3a3c}.im-phone.dark .im-date-chip span,.im-phone.dark .im-delivery{color:#8e8e93}.im-phone.dark .im-inputbar{background:#1c1c1e;border-top-color:#ffffff14}.im-phone.dark .im-inputbar-field{background:#2c2c2e;border-color:#ffffff14}.im-phone.dark .im-inputbar-input{color:#fff}.im-phone.dark .im-inputbar-input::placeholder{color:#636366}.im-phone.dark .im-inputbar-plus{background:#636366}.im-clickable{cursor:pointer;transition:opacity .15s}.im-clickable:hover{opacity:.75}.im-header-name-input{color:#000;text-align:center;background:0 0;border:none;border-bottom:1px solid #007aff;outline:none;width:100%;max-width:140px;padding:0;font-family:inherit;font-size:11px;font-weight:500}.im-phone.dark .im-header-name-input{color:#fff}.im-sender-toggle{cursor:pointer;letter-spacing:.02em;border:none;border-radius:12px;flex-shrink:0;padding:4px 10px;font-family:inherit;font-size:11px;font-weight:600;transition:all .15s}.im-sender-them{color:#fff;background:#8e8e93}.im-sender-you.imessage{color:#fff;background:#007aff}.im-sender-you.sms{color:#111;background:#34c759}.im-msg-delete{color:#fff;cursor:pointer;z-index:5;background:#ff3b30;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:transform .1s;display:flex;position:absolute;top:2px;box-shadow:0 2px 6px #00000040}.im-msg-delete:hover{transform:scale(1.15)}.im-msg.sent .im-msg-delete{left:-10px}.im-msg.received .im-msg-delete{right:-10px}.im-bubble-selected{outline-offset:1px;outline:1.5px solid #ff3b3080}.im-home-indicator{opacity:.4;background:#333;border-radius:3px;width:134px;height:5px;margin:6px auto 8px}.im-phone.dark .im-home-indicator{opacity:.4;background:#8e8e93}