:root{color-scheme:light;--ink:#111;--muted:#8e8e93;--line:#efefef;--incoming:#efefef;--outgoing:#3797f0;--page:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#f5f5f5;color:var(--ink)}body{min-height:100dvh}button,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent;cursor:pointer}.app-shell{width:min(100%,760px);height:100dvh;margin:0 auto;background:var(--page);display:flex;flex-direction:column;overflow:hidden;position:relative;border-left:1px solid #f5f5f5;border-right:1px solid #f5f5f5}.chat-header{min-height:70px;flex:0 0 70px;display:flex;align-items:center;gap:10px;padding:0 18px;border-bottom:1px solid var(--line);background:#fff;z-index:2}.icon-button{width:36px;height:42px;border:0;background:transparent;color:var(--ink);display:grid;place-items:center;padding:0;border-radius:50%}.icon-button svg,.composer button svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.back-button{width:25px;margin-left:-5px}.back-button svg{width:27px;height:27px;stroke-width:2}.profile-button{min-width:0;display:flex;align-items:center;gap:10px;flex:1}.header-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:1px solid #e8e8e8}.profile-copy{display:flex;flex-direction:column;min-width:0;gap:2px}.profile-name{font-size:15px;font-weight:650;line-height:18px;white-space:nowrap}.profile-status{min-height:13px;font-size:11px;line-height:13px;color:#8e8e93}.chevron{width:13px;height:13px;margin-left:-4px;fill:none;stroke:currentColor;stroke-width:1.8}.header-actions{display:flex;align-items:center;gap:13px;margin-left:auto}.header-actions .icon-button{width:30px}.conversation{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:22px 18px 20px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#ddd transparent}.profile-intro{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 0 23px}.intro-avatar{width:88px;height:88px;border-radius:50%;object-fit:cover}.profile-intro h1{font-size:16px;line-height:20px;margin:11px 0 2px;font-weight:650}.intro-handle{margin:0;color:#737373;font-size:13px;line-height:19px}.intro-note{margin:8px 0 0;color:#8e8e93;font-size:12px}.day-divider{display:flex;align-items:center;justify-content:center;margin:0 0 22px;color:#8e8e93;font-size:11px}.message-row{display:flex;align-items:flex-end;gap:8px;margin:9px 0}.message-row.outgoing{justify-content:flex-end}.message-avatar{width:25px;height:25px;border-radius:50%;object-fit:cover;flex:0 0 25px}.message-content{display:flex;flex-direction:column;align-items:flex-start;max-width:min(76%,460px);min-width:0}.outgoing .message-content{align-items:flex-end}.bubble{padding:11px 15px;border-radius:21px;font-size:14px;line-height:1.38;overflow-wrap:anywhere;white-space:pre-wrap}.incoming-bubble{background:var(--incoming);border-bottom-left-radius:6px;color:#111}.outgoing-bubble{background:var(--outgoing);border-bottom-right-radius:6px;color:#fff}.message-time{color:#8e8e93;font-size:10px;padding:5px 5px 0}.photo-frame{width:min(260px,100%);min-height:140px;position:relative;border-radius:18px;overflow:hidden;background:#f0f0f0}.photo-message{display:block;width:100%;max-height:370px;object-fit:cover;cursor:zoom-in;background:#f0f0f0}.photo-loading{min-height:180px;display:grid;place-items:center;color:#8e8e93;font-size:12px}.photo-caption{font-size:14px;line-height:1.4;margin:7px 3px 0}.audio-player{width:min(270px,100%);display:flex;align-items:center;gap:10px;background:#efefef;border-radius:20px;padding:10px 13px}.audio-player audio{width:100%;max-width:220px;height:34px}.typing-bubble{display:flex;gap:4px;align-items:center;min-width:54px;min-height:37px}.typing-bubble span{width:5px;height:5px;border-radius:50%;background:#777;animation:pulse 1s infinite ease-in-out}.typing-bubble span:nth-child(2){animation-delay:.15s}.typing-bubble span:nth-child(3){animation-delay:.3s}@keyframes pulse{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.composer{display:flex;align-items:center;gap:8px;padding:10px 15px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);flex:0 0 auto}.composer-attach,.emoji-button,.mic-button,.send-button{border:0;background:none;color:#111;display:grid;place-items:center;padding:3px;flex:0 0 auto}.composer-attach svg{width:26px;height:26px}#messageInput{min-width:0;flex:1;max-height:120px;resize:none;border:1px solid #dbdbdb;border-radius:24px;padding:11px 15px;outline:none;color:#111;background:#fff;font-size:14px;line-height:18px}#messageInput:focus{border-color:#bdbdbd}#messageInput::placeholder{color:#8e8e93}.emoji-button{font-size:26px;line-height:1}.mic-button svg{width:24px;height:24px}.send-button{color:#0095f6}.send-button:disabled,.mic-button:disabled,.photo-button:disabled{opacity:.4;cursor:default}.request-error{display:flex;justify-content:center;align-items:center;gap:10px;color:#b42318;font-size:12px;margin:12px 0}.request-error button{border:0;background:transparent;text-decoration:underline;color:#b42318}.recording-bar{padding:10px 16px;display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);font-size:13px}.recording-bar[hidden]{display:none}.recording-dot{width:8px;height:8px;border-radius:50%;background:#e33;animation:pulse 1s infinite}.recording-bar button{border:0;background:none;color:#0095f6}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;z-index:10;display:grid;place-items:center;padding:45px 18px}.lightbox[hidden]{display:none}.lightbox img{max-width:100%;max-height:100%;object-fit:contain}.lightbox-close{position:absolute;right:15px;top:max(10px,env(safe-area-inset-top));background:transparent;border:0;color:#fff;font-size:36px;line-height:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:761px){body{display:grid;place-items:center;padding:20px}.app-shell{height:min(900px,calc(100dvh - 40px));border:1px solid #e7e7e7;border-radius:12px;box-shadow:0 8px 35px #0000000f}.chat-header{border-radius:12px 12px 0 0}}@media(max-width:480px){.app-shell{width:100%;border:0}.chat-header{min-height:62px;flex-basis:62px;padding:0 12px;gap:8px}.header-avatar{width:38px;height:38px}.header-actions{gap:7px}.header-actions .icon-button{width:27px}.header-actions svg{width:22px;height:22px}.conversation{padding:15px 12px 16px}.profile-intro{padding-top:8px}.composer{gap:6px;padding-left:9px;padding-right:9px}.emoji-button{display:none}}.view-once-frame{min-height:92px;width:min(260px,100%);display:grid;place-items:center;padding:14px;background:#f0f0f0;border:1px solid #e5e5e5}.view-once-button{border:0;border-radius:24px;background:#fff;color:#111;padding:12px 18px;font-size:14px;font-weight:600;box-shadow:0 1px 4px #00000012}.view-once-button:disabled{opacity:.6;cursor:default}.photo-viewed-label{color:#777;font-size:13px;padding:12px 14px}