body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#111;color:#fff}.imessage-app{display:flex;height:100vh}.sidebar{width:320px;background:#000;color:#fff;display:flex;flex-direction:column;border-right:1px solid #222}.sidebar-header{padding:16px 16px 8px;border-bottom:1px solid #222}.sidebar-top{display:flex;align-items:center;justify-content:space-between}.sidebar-time{color:#fff;font-size:18px;font-weight:500}} .edit{color:#007aff;font-size:16px;cursor:pointer}.sidebar-header h1{font-size:32px;font-weight:700;margin:8px 0}.search{width:100%;padding:8px;border-radius:16px;border:none;background:#222;color:#fff;margin-top:8px}.contacts-list{list-style:none;padding:0;margin:0;flex:1;overflow-y:auto}.contact-item{display:flex;align-items:center;padding:16px;cursor:pointer;border-bottom:1px solid #222;transition:background .2s}.contact-item.active{background:#222}.avatar{width:48px;height:48px;border-radius:50%;background:#333;margin-right:16px;display:flex;align-items:center;justify-content:center;font-size:24px}} .contact-info{display:flex;flex-direction:column}.contact-name{font-size:18px;font-weight:500}.contact-subtitle{font-size:14px;color:#aaa}.chat-area{flex:1;background:#111;padding:32px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.bubble{max-width:60%;padding:16px;border-radius:24px;background:#222;color:#fff;font-size:16px;margin-bottom:8px;align-self:flex-start;box-shadow:0 2px 8px #0000001f}.bubble-right{background:#007aff;color:#fff;align-self:flex-end}.bubble-left{background:#222;color:#fff;align-self:flex-start}} .bubble.image{background:#222;padding:8px}.bubble img{max-width:100%;border-radius:16px}