.iph{--ios-blue:#007aff;--ios-grey:#8e8e93;--ios-line:#d1d1d6;background:#1c1c1e;border:3px solid #1c1c1e;border-radius:44px;width:300px;height:620px;font-family:-apple-system,SF Pro Text,Segoe UI,system-ui,sans-serif;position:relative;box-shadow:0 0 0 1px #ffffff24,0 26px 60px #07090ebf}.iph *{box-sizing:border-box}.iph-screen{color:#000;background:#fff;border-radius:41px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.iph-island{z-index:5;background:#000;border-radius:999px;width:32%;height:26px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.iph-status{color:#000;flex:none;justify-content:space-between;align-items:center;padding:12px 20px 6px;font-size:15px;font-weight:600;display:flex}.iph-time{font-variant-numeric:tabular-nums}.iph-sicons{color:#000;align-items:center;gap:5px;font-size:14px;display:flex}.iph-bars{align-items:flex-end;gap:2px;height:11px;display:flex}.iph-bars i{background:#000;border-radius:1px;width:3px;display:block}.iph-bars i:first-child{height:4px}.iph-bars i:nth-child(2){height:6px}.iph-bars i:nth-child(3){height:8.5px}.iph-bars i:nth-child(4){height:11px}.iph-head{border-bottom:1px solid var(--ios-line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f9f9f9f0;flex:none;justify-content:space-between;align-items:center;gap:8px;padding:2px 12px 7px;display:flex}.iph-back,.iph-cam{color:var(--ios-blue);flex:none;font-size:20px;display:flex}.iph-contact{flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.iph-av{color:#fff;background:#c7c7cc;border-radius:999px;place-items:center;width:30px;height:30px;font-size:14px;font-weight:600;display:grid}.iph-name{color:#000;white-space:nowrap;align-items:center;gap:2px;font-size:11px;font-weight:600;display:flex}.iph-name i{color:var(--ios-grey);font-size:10px;display:flex;transform:rotate(90deg)}.iph-thread{flex-direction:column;flex:1;justify-content:flex-end;min-height:0;display:flex;position:relative;overflow:hidden}.iph-fade{z-index:2;pointer-events:none;background:linear-gradient(#fff,#0000);height:36px;position:absolute;top:0;left:0;right:0}.iph-thread-in{flex-direction:column;padding:8px 10px 6px;display:flex}.iph-sep{text-align:center;color:var(--ios-grey);margin:12px 0 8px;font-size:11px;font-weight:600}.iph-sep b{color:var(--ios-grey);font-weight:700}.iph-row{flex-direction:column;margin-top:10px;display:flex}.iph-row.tight{margin-top:2px}.iph-row.in{align-items:flex-start}.iph-row.out{align-items:flex-end}.iph-bub{letter-spacing:-.01em;overflow-wrap:anywhere;word-break:normal;border-radius:18px;max-width:78%;padding:8px 13px;font-size:15px;line-height:20px;position:relative}.iph-row.in .iph-bub{color:#000;background:#e9e9eb}.iph-row.out .iph-bub{color:#fff;background:#34c759}.iph-bub.tail:after{content:"";width:14px;height:14px;position:absolute;bottom:0}.iph-row.in .iph-bub.tail:after{clip-path:polygon(0 100%,100% 100%,100% 0);background:#e9e9eb;border-bottom-right-radius:14px;left:-5px}.iph-row.out .iph-bub.tail:after{clip-path:polygon(0 0,0 100%,100% 100%);background:#34c759;border-bottom-left-radius:14px;right:-5px}.iph-link{color:var(--ios-blue);overflow-wrap:break-word;text-decoration:underline}.iph-row.out .iph-link{color:#fff}.iph-del{color:var(--ios-grey);align-self:flex-end;margin-top:3px;font-size:10px}.iph-input{flex:none;align-items:center;gap:8px;padding:8px 12px 6px;display:flex}.iph-plus{color:var(--ios-grey);flex:none;font-size:20px;display:flex}.iph-field{border:1px solid var(--ios-line);border-radius:999px;flex:1;justify-content:space-between;align-items:center;gap:6px;padding:5px 5px 5px 12px;display:flex}.iph-ph{color:#c7c7cc;font-size:14px}.iph-send{color:#fff;background:#c7c7cc;border-radius:999px;flex:none;place-items:center;width:24px;height:24px;font-size:14px;display:grid}.iph-home{background:#000;border-radius:999px;flex:none;width:140px;height:5px;margin:4px auto 8px}.iph-full .iph-thread{flex:1;justify-content:flex-start;overflow:hidden}.iph-full .iph-bub{max-width:78%}.iph-full .iph-thread-in{padding:4px 10px 2px}.iph-full .iph-sep{margin:4px 0 3px}.iph-full .iph-row{margin-top:4px}.iph-full .iph-row.tight{margin-top:2px}.iph-full .iph-bub{padding:6px 11px}@media(max-width:640px){.iph{border-radius:40px;width:min(88vw,300px);height:520px}.iph-screen{border-radius:37px}}
