/* Crew chat v6.7. Compact bubbles and a single gallery per message; no native app changes. */
.crew-chat .crew-head h1{color:var(--crew-name,var(--crew-orange))}
.crew-chat .chat-history{overflow-x:hidden}
.crew-chat .message{position:relative;gap:9px;margin-bottom:18px}
.crew-chat .message>.avatar{width:34px;height:34px;flex:none}
.crew-chat .message-body{display:flex;flex-direction:column;align-items:flex-start;min-width:0;max-width:80%;transition:transform .16s ease}
.crew-chat .message.mine .message-body{align-items:flex-end}
.crew-chat .bubble{display:inline-block;align-self:flex-start;width:auto;min-width:0;max-width:100%;padding:7px 11px;border-radius:16px;font-size:14px;line-height:1.5;word-break:break-word;overflow-wrap:anywhere}
.crew-chat .message.mine .bubble{align-self:flex-end}
.crew-chat .message-body>.card{width:280px;max-width:100%}
.crew-chat .msg-media{width:280px;max-width:100%}
.crew-chat .message-album{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;width:280px;max-width:100%;overflow:hidden;border:1px solid var(--crew-line);border-radius:14px;background:var(--crew-soft)}
.crew-chat .message-album.album-three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}
.crew-chat .message-album .album-media{position:relative;display:block;width:100%;max-width:none;height:0;padding:100% 0 0;overflow:hidden;border:0;border-radius:0;background:var(--crew-soft)}
.crew-chat .message-album[data-count="3"]>.album-media:first-child,.crew-chat .message-album[data-count="5"]>.album-media:last-child,.crew-chat .message-album[data-count="8"]>.album-media:last-child{grid-column:span 2;padding-top:50%}
.crew-chat .message-album[data-count="7"]>.album-media:last-child,.crew-chat .message-album[data-count="10"]>.album-media:last-child{grid-column:span 3;padding-top:33.333333%}
.crew-chat .message-album .album-media img,.crew-chat .message-album .album-media video{position:absolute;left:0;top:0;display:block;width:100%;height:100%;max-height:none;object-fit:cover}
.crew-chat .msg-media{position:relative}
.crew-chat .album-video-label{position:absolute;left:7px;bottom:7px;padding:2px 6px;border-radius:5px;background:#24262dcc;color:#fff;font-size:11px;line-height:1.5;pointer-events:none}
.crew-chat .message-album .album-media:focus-visible{outline:3px solid var(--crew-orange);outline-offset:-3px}
.crew-chat .reply-quote{width:260px;max-width:100%}
.crew-chat .msg-meta{margin-top:2px;min-height:36px;gap:1px;flex-wrap:wrap;max-width:100%;font-size:10px;line-height:1.4}
.crew-chat .msg-meta>span{padding-right:5px;white-space:nowrap}
.crew-chat .msg-meta button{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:6px;border-radius:12px;gap:3px;line-height:1}
.crew-chat .msg-meta .icon{width:19px;height:19px}
.crew-chat .message-heart{color:#949aa4}
.crew-chat .msg-meta .message-heart.is-liked{color:var(--crew-orange)}
.crew-chat .message-heart.is-liked .icon{fill:currentColor}
.crew-chat .message-heart span{font-size:11px}
.crew-chat .reactions{margin-top:0;max-width:100%}
.crew-chat .reactions:empty{display:none}
.crew-chat .message.mine .reactions{justify-content:flex-end}
.crew-chat .reaction{min-height:34px}
.crew-chat .swipe-reply-hint{position:absolute;left:0;top:11px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--crew-tint);color:var(--crew-orange);opacity:0;transition:opacity .16s ease}
.crew-chat .message.mine .swipe-reply-hint{left:auto;right:36px}
.crew-chat .swipe-reply-hint .icon{width:18px;height:18px}
.crew-chat .is-swiping .message-body{transition:none}
.crew-chat .is-swiping>.swipe-reply-hint{opacity:.45}
.crew-chat .swipe-ready>.swipe-reply-hint{opacity:1}
.crew-chat .chat-notice{padding:0;max-height:none;overflow:hidden;white-space:normal;background:#fffaf7;border-bottom:1px solid #f3e6df}
.crew-chat .chat-notice-toggle{display:flex;align-items:center;gap:9px;width:100%;min-height:46px;padding:10px 16px;border:0;background:transparent;text-align:left;color:var(--crew-muted);font-size:13px}
.crew-chat .chat-notice-toggle>strong{flex:none;font-size:12px}
.crew-chat #chat-notice-summary{flex:1;min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:1.6}
.crew-chat .chat-notice-arrow{display:flex;flex:none;transform:rotate(90deg);transition:transform .22s ease}
.crew-chat .chat-notice-arrow .icon{width:17px;height:17px}
.crew-chat .chat-notice-toggle[aria-expanded=true] .chat-notice-arrow{transform:rotate(-90deg)}
.crew-chat .chat-notice-panel{height:0;overflow:hidden;transition:height .22s ease}
.crew-chat .chat-notice-content{padding:2px 16px 15px;max-height:40vh;max-height:calc(var(--crew-visible-height,var(--crew-height,100vh)) * .4);overflow:auto;overscroll-behavior:contain;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;line-height:1.75;font-size:13px}
.crew-chat .chat-notice-title{display:block;margin:2px 0 7px;color:var(--crew-text);font-size:14px}
.crew-chat .chat-notice-content[aria-busy=true]::after{content:'전체 공지 불러오는 중…';display:block;color:var(--crew-muted);font-size:11px;margin-top:5px}
.crew-chat .chat-notice-link{display:flex;align-items:center;font-size:12px;width:max-content;max-width:100%}
.crew-chat .chat-notice-link .icon{width:14px;height:14px}
.crew-chat .composer-preview{display:block;padding:0 0 10px;min-width:0}
.crew-chat .chat-attachment-summary{display:flex;align-items:center;gap:8px;justify-content:space-between;font-size:11px;color:var(--crew-text);margin-bottom:8px}
.crew-chat .chat-attachment-summary>span{color:var(--crew-muted);font-size:10px}
.crew-chat .chat-attachment-list{display:flex;gap:9px;overflow-x:auto;padding:3px 2px 4px;-webkit-overflow-scrolling:touch}
.crew-chat .chat-attachment{position:relative;flex:none;width:72px;height:72px;border:1px solid var(--crew-line);border-radius:10px;background:var(--crew-soft);overflow:visible}
.crew-chat .chat-attachment img,.crew-chat .chat-attachment video{display:block;width:100%;height:100%;object-fit:cover;border-radius:9px}
.crew-chat .chat-attachment button{position:absolute;right:-3px;top:-3px;width:30px;height:30px;border:2px solid #fff;border-radius:50%;color:#fff;background:#292d35;font-size:20px;line-height:24px;padding:0;text-align:center}
.crew-chat .chat-attachment button:disabled{display:none}
.crew-chat .chat-attachment-order,.crew-chat .chat-attachment-video{position:absolute;background:#222b;color:white;font-size:10px;line-height:16px;border-radius:4px;padding:0 4px}
.crew-chat .chat-attachment-order{left:4px;top:4px}
.crew-chat .chat-attachment-video{left:4px;bottom:4px}
.crew-chat .chat-send-feedback{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11px;line-height:1.6;color:var(--crew-muted);padding:0 0 6px}
.crew-chat .chat-send-feedback>span{flex:1;min-width:0}
.crew-chat .chat-send-feedback .text-button{font-size:11px;min-height:36px;padding:4px}
.crew-chat .compose-row>label:focus-within{outline:2px solid var(--crew-orange);outline-offset:2px}
@media(max-width:370px){.crew-chat .message-body{max-width:84%}.crew-chat .chat-history{padding-left:12px;padding-right:12px}.crew-chat .chat-attachment{width:64px;height:64px}.crew-chat .chat-attachment-summary>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.crew-chat .message-body,.crew-chat .swipe-reply-hint,.crew-chat .chat-notice-arrow,.crew-chat .chat-notice-panel{transition:none}}