@font-face { font-family:'Orbit Message Chinese'; src:url('fonts/MiSans-Regular.woff2') format('woff2'); font-weight:400; font-display:swap; }
/* Desktop values ported from Attio es / ea / eC / eu / eg. */
.orbit-message { width:268px; box-sizing:border-box; overflow:hidden; border-radius:16px; padding:0 6px 6px; background:#f3f4f6; color:#1c1d1f; font:400 11px/15px Arial,'Orbit Message Chinese',sans-serif; box-shadow:0 0 0 1px rgba(11,13,24,.06),0 1px 2px rgba(11,13,24,.025),0 3px 6px rgba(11,13,24,.03),0 8px 14px rgba(11,13,24,.035),0 16px 28px rgba(11,13,24,.04); }
.orbit-message * { box-sizing:border-box; }
.orbit-message p { margin:0; }
.message-chrome { height:32px; padding-left:8px; display:flex; align-items:center; gap:6px; pointer-events:none; }
.message-chrome span { width:12px; height:12px; border-radius:50%; background:#ff5b59; }
.message-chrome span:nth-child(2) { background:#f5b900; }
.message-chrome span:nth-child(3) { background:#0fc27b; }
.message-surface { overflow:hidden; border-radius:12px; background:#fff; border:1px solid rgba(0,0,0,.05); }
.message-padding { position:relative; padding:8px 12px 12px; }
.message-exchange { display:flex; min-height:132px; flex-direction:column; gap:12px; }
.message-channel { font-weight:600; font-size:11px; line-height:16px; }
.message-row { display:flex; gap:8px; }
.message-copy { min-width:0; flex:1; }
.message-meta { display:flex; align-items:center; gap:4px; }
.message-name { font-weight:600; font-size:11px; line-height:16px; }
.message-time { font-size:9px; line-height:16px; color:#505967; }
.message-text { font-size:11px; line-height:15px; color:#232529; }
.message-text strong { font-weight:600; color:#1c1d1f; }
.message-avatar { display:grid; place-items:center; width:28px; height:28px; flex-shrink:0; border-radius:8px; font-size:11px; font-weight:600; color:#fff; }
.message-person { background:#266df0; }
.message-app-avatar { background:#1c1d1f; }
.message-app-avatar img { width:14px; height:14px; filter:brightness(0) invert(1); }
.message-app-label { border-radius:4px; padding:1px 4px; background:#edeff3; font-weight:600; font-size:8px; color:#505967; line-height:1; letter-spacing:.05em; }
.message-mention { position:relative; margin-right:2px; color:#245bc2; font-weight:500; }
.message-mention > span:first-child { position:absolute; inset:-2px; border-radius:6px; background:#e8f0ff; }
.message-mention > span:last-child { position:relative; }
.message-study { margin:0; min-height:100svh; display:grid; place-items:center; background:#f4f4f4; font-family:'Orbit Message Chinese',sans-serif; }
.message-study-layout { width:268px; padding:32px 0; }
.message-study-label { display:flex; justify-content:space-between; margin:0 0 16px; color:#8e949d; font-size:10px; }
.message-study-note { margin:22px 0 0; text-align:center; color:#9a9fa7; font-size:10px; line-height:1.9; }
.message-companion { display:none; }
@media(min-width:801px) and (prefers-reduced-motion:no-preference) {
  .scroll-stage .message-companion { display:block; position:absolute; z-index:4; left:max(12px,calc(50% - 620px)); top:calc(50% - 204px); transform-origin:left top; visibility:hidden; opacity:0; }
}
@media(prefers-reduced-motion:reduce) { .message-companion { display:block; margin:24px auto; } }