/* Hero demo polish — Claude, 2026-10-30 (사용자 승인 항목만) */
/* D2 장면 3: 휴대폰 안 스크롤 막대 숨김 + 헤더 바로 아래는 흐리게 지나가게 (잘린 말풍선 테두리가 칼로 자른 듯 보이지 않게) */
#inside-thread{scrollbar-width:none!important}
#inside-thread::-webkit-scrollbar{display:none}
#inside-thread{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 4cqw);mask-image:linear-gradient(to bottom,transparent 0,#000 4cqw)}
/* D3 글꼴: 대화 안 카드도 말풍선 본문과 같은 글꼴 */
html .nd-ph #inside-thread .dc,html .nd-ph #inside-thread .dc *:not(svg):not(path),html.minimal-disclosure #inside-thread #dcSig,html.minimal-disclosure #inside-thread #dcSig *:not(svg):not(path){font-family:-apple-system,"SF Pro Text","Apple SD Gothic Neo",system-ui,sans-serif!important}
/* D4 정렬: 대화 안 흰 카드 왼쪽 끝 = 말풍선 왼쪽 끝(4%), 오른쪽 끝 = 내 말풍선 오른쪽 끝 */
html .nd-stick #inside-thread .dc.inside-card,html .nd-ph #inside-thread .dc.inside-card{margin-left:4%!important;margin-right:0!important;width:92%!important;box-sizing:border-box}
/* D6 탭백: 반응받은 파란 말풍선의 위쪽 왼모서리에 걸치게 + 말풍선이 뜨고 1초 뒤에 반응 */
.nd-thr .tapb-b{transform:translate(4.6cqw,-7.2cqw)}
.nd-thr .tapb.on{transition-delay:1s,1s}
.nd-thr .tapb:not(.on){transition-delay:0s,0s}
/* D6 "필요해␣␣노랑" 이중 공백 → 보통 한 칸 */
.inline-status-gap{display:inline!important;width:auto!important;margin:0!important}