/* 헬디 창 · 「묻기 | 붙여넣기」 — 목업 헬디-붙여넣기-목업-v1-20260922.html 의 CSS를 #heldHeldy 아래로만 옮김 (값 그대로) */
#heldHeldy{--paper:#faf8f4;--ink:#1c1c1e;--mute:#6b6f76;--line:#e6e2da;--sky:#d3e1ee;--sky2:#eef4f9;--gold:#c9a86a;--navy:#2f3b52;--chip:#f1ede6;border:0;padding:0;margin:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;background:var(--paper);color:var(--ink);font-family:-apple-system,"Pretendard","Noto Sans KR",sans-serif;font-size:15px;line-height:1.4}
#heldHeldy::backdrop{background:rgba(0,0,0,.35)}
#heldHeldy *{box-sizing:border-box}
#heldHeldy .win{width:100%;height:100%;background:var(--paper);border-radius:0;overflow:hidden;position:relative;display:flex;flex-direction:column}
#heldHeldy .scr{display:none;flex:1;flex-direction:column;overflow:auto;-webkit-overflow-scrolling:touch}#heldHeldy .scr.on{display:flex}
#heldHeldy .top{display:flex;align-items:center;gap:10px;padding:14px 16px 8px}#heldHeldy .top .ttl{font-weight:700;font-size:17px}#heldHeldy .top .x{margin-left:auto;color:var(--mute);background:none;border:0;font:inherit;font-size:18px;padding:4px 6px}
#heldHeldy .top .back{color:var(--mute);background:none;border:0;font:inherit;font-size:22px;line-height:1;padding:0 4px}
#heldHeldy .tabs{display:flex;gap:18px;padding:0 16px;border-bottom:1px solid var(--line)}#heldHeldy .tabs button{padding:8px 2px 10px;font-size:14px;color:var(--mute);background:none;border:0;border-bottom:2px solid transparent;font-family:inherit}#heldHeldy .tabs button.on{color:var(--ink);font-weight:700;border-bottom-color:var(--ink)}
#heldHeldy .body{padding:14px 16px 24px;display:flex;flex-direction:column;gap:12px}
#heldHeldy .chiprow{display:flex;gap:8px;flex-wrap:wrap}#heldHeldy .chip{background:var(--chip);border-radius:999px;padding:6px 12px;font-size:13px;color:var(--ink);border:0;font-family:inherit}#heldHeldy .chip.on{background:var(--navy);color:#fff}#heldHeldy .chip.dir{border:1px solid var(--line);background:#fff}
#heldHeldy textarea{width:100%;min-height:150px;border:1px solid var(--line);border-radius:14px;padding:12px;font:inherit;font-size:15px;line-height:1.5;background:#fff;resize:none;color:var(--ink)}
#heldHeldy .hint{font-size:12px;color:var(--mute);line-height:1.5}
#heldHeldy .btn{border:0;border-radius:12px;padding:14px;font-size:15px;font-weight:700;background:var(--navy);color:#fff;width:100%;font-family:inherit}#heldHeldy .btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}#heldHeldy .btn[disabled]{opacity:.55}
#heldHeldy .sub{background:var(--sky);border-radius:14px;padding:12px 14px;font-size:15px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}#heldHeldy .sub small{display:block;color:#4b5b6e;font-size:11px;margin-bottom:4px}
#heldHeldy .card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;text-align:left}
#heldHeldy .card .lab{font-size:11px;color:var(--mute)}#heldHeldy .card .en{font-size:16px;font-weight:700;line-height:1.45;overflow-wrap:anywhere}#heldHeldy .card .pr{font-size:13px;color:#4b5b6e}#heldHeldy .card .me{font-size:13px}
#heldHeldy .card .acts{display:flex;gap:8px;margin-top:4px}#heldHeldy .card .acts button{font-size:12px;border:1px solid var(--line);border-radius:999px;padding:5px 10px;background:#fff;color:var(--ink);font-family:inherit}
#heldHeldy .card.mine{border-style:dashed}#heldHeldy .card.mine .en{color:var(--mute);font-weight:400}
#heldHeldy .card.mine textarea.en{min-height:48px;border:0;padding:0;background:transparent;color:var(--ink);font-weight:400;font-size:16px;line-height:1.45;border-radius:0}
#heldHeldy .card.pick{cursor:pointer}#heldHeldy .card.pick:active{background:var(--sky2)}
#heldHeldy .nu{font-size:13px;color:#4b5b6e;background:var(--sky2);border-radius:10px;padding:8px 12px}
#heldHeldy .sec{font-size:12px;color:var(--mute);margin-top:4px}
#heldHeldy .foot{margin-top:auto;padding:10px 16px 18px;display:flex;flex-direction:column;gap:8px}
#heldHeldy .ask{display:flex;gap:8px}#heldHeldy .ask input{flex:1;min-width:0;border:1px solid var(--line);border-radius:12px;padding:12px;font:inherit;font-size:15px;background:#fff;color:var(--ink)}#heldHeldy .ask .btn{width:auto;padding:12px 16px}
#heldHeldy .answer{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
#heldHeldy .answer.q{background:var(--sky2);border-color:transparent}
#heldHeldy .toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translateX(-50%);background:var(--navy);color:#fff;border-radius:999px;padding:9px 16px;font-size:13px;z-index:3;opacity:0;transition:opacity .2s;pointer-events:none}#heldHeldy .toast.on{opacity:1}
#heldHeldy .busy{opacity:.6;pointer-events:none}
@media (prefers-color-scheme:dark){#heldHeldy{color-scheme:light}}
/* 호스트 페이지 규칙 차단 (같은 이름 .btn .chip .card .top .tabs 가 페이지마다 있음) */
#heldHeldy .btn,#heldHeldy .chip,#heldHeldy .card,#heldHeldy .card .acts button,#heldHeldy .tabs button,#heldHeldy .top .x,#heldHeldy .top .back{background-image:none;box-shadow:none;text-transform:none;letter-spacing:normal;text-shadow:none;transform:none;min-height:0;height:auto;line-height:1.4}
#heldHeldy .btn{display:block;text-align:center}
#heldHeldy .top .x:focus-visible,#heldHeldy button:focus-visible{outline:2px solid var(--sky);outline-offset:2px;border-radius:8px}
#heldHeldy .top .x:focus:not(:focus-visible){outline:none}
#heldHeldy .card,#heldHeldy .card *{text-align:left}
#heldHeldy .card .acts{justify-content:flex-start}
#heldHeldy .sub,#heldHeldy .nu,#heldHeldy .hint,#heldHeldy .sec,#heldHeldy .card,#heldHeldy textarea,#heldHeldy .win,#heldHeldy .body{background-image:none;text-shadow:none}
#heldHeldy .body,#heldHeldy .foot{text-align:left}
#heldHeldy .win::before,#heldHeldy .win::after,#heldHeldy .scr::before,#heldHeldy .scr::after,#heldHeldy .body::before,#heldHeldy .body::after,#heldHeldy .btn::before,#heldHeldy .btn::after{content:none!important;display:none!important}
#heldHeldy .win,#heldHeldy .scr{box-shadow:none!important;border:0!important;width:100%!important;height:100%!important;max-width:none!important}
#heldHeldy .card{align-items:stretch!important;justify-content:flex-start!important;flex-direction:column!important;margin:0!important;max-width:none!important}
#heldHeldy .card>*{width:100%;align-self:stretch}
#heldHeldy .card .acts{width:auto;align-self:flex-start}
#heldHeldy .chiprow,#heldHeldy .body,#heldHeldy .foot{align-items:stretch;justify-content:flex-start}
#heldHeldy .chiprow{align-items:center}

/* 헬디 — 다정한 동행자 */
#heldHeldy .heldy{display:flex;align-items:flex-end;gap:10px;padding:12px 16px 0}
#heldHeldy .heldy .av{width:54px;height:54px;border-radius:50%;overflow:hidden;border:0;padding:0;background:var(--navy);flex:none;box-shadow:0 4px 12px rgba(47,59,82,.28),0 0 0 3px #eef4f9;animation:heldy-float 3.4s ease-in-out infinite;font-size:24px;color:#fff;display:grid;place-items:center;cursor:pointer}
#heldHeldy .heldy .av img{width:100%;height:100%;object-fit:cover;display:block}
#heldHeldy .heldy .av.wiggle{animation:heldy-wiggle .7s ease}
#heldHeldy .heldy.busy .av{animation:heldy-fly .9s ease-in-out infinite}
#heldHeldy .heldy .bubble{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;border-bottom-left-radius:6px;padding:10px 13px;font-size:13px;line-height:1.5;color:var(--ink);flex:1;box-shadow:0 2px 10px rgba(0,0,0,.05);min-height:42px;display:flex;align-items:center}
#heldHeldy .heldy .bubble.pop{animation:heldy-pop .28s ease}
#heldHeldy .heldy.busy .bubble::after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--navy);margin-left:8px;animation:heldy-dots 1s ease-in-out infinite}
#heldHeldy .answer.a{display:flex;gap:10px;align-items:flex-start}
#heldHeldy .answer.a img{width:32px;height:32px;border-radius:50%;flex:none;background:var(--navy);object-fit:cover}
@keyframes heldy-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes heldy-wiggle{0%{transform:rotate(0)}25%{transform:rotate(-12deg) scale(1.08)}50%{transform:rotate(9deg) scale(1.08)}75%{transform:rotate(-4deg)}100%{transform:rotate(0)}}
@keyframes heldy-fly{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-7px) rotate(4deg)}}
@keyframes heldy-pop{0%{transform:scale(.94);opacity:.5}100%{transform:scale(1);opacity:1}}
@keyframes heldy-dots{0%,100%{opacity:.2}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){#heldHeldy .heldy .av,#heldHeldy .heldy.busy .av,#heldHeldy .heldy .bubble.pop{animation:none}}
#heldHeldy .heldy .av .ph{color:#dee9f5;font-size:26px;text-shadow:0 0 10px #a9c4e4}
/* 묻기 — 근거 줄 · 재료 칩 */
#heldHeldy .answer.a>span{flex:1;min-width:0}
#heldHeldy .answer .src{display:block;margin-top:6px;font-size:11px;color:var(--mute);line-height:1.5}
.tools [data-heldy-reader]{display:inline-flex;align-items:center;justify-content:center}
/* 2026-09-24 동행자 모습 고르기(헬디·도비 남/여) · 고르기 전 아바타 = 한 쌍 */
#heldHeldy .lookpick{margin:8px 14px 4px;padding:10px 12px;border:1px dashed var(--line);border-radius:14px;background:#fff;font-size:12.5px;line-height:1.5;color:var(--ink,#2f3b52)}
#heldHeldy .lookpick .opts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}
#heldHeldy .lookpick button{border:1px solid var(--line);background:#f6f9fd;border-radius:12px;padding:6px 4px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;color:inherit;cursor:pointer}
#heldHeldy .lookpick button img{width:44px;height:44px;object-fit:contain}
#heldHeldy .heldy .av img.pair{object-fit:contain;padding:5px;box-sizing:border-box;background:#eef4f9}

/* 2026-09-25 슈아: 헬디 「연결」 탭 — 줄 단추 · AI 그림은 보라 점선 구독 자리 */
#heldHeldy .hubbody .hub{display:flex;flex-direction:column;gap:6px;margin:4px 0 10px}
#heldHeldy .hub .row{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px;border-radius:14px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.95);color:inherit;text-decoration:none;font-size:14px;text-align:left;width:100%}
#heldHeldy .hub .row .i{width:26px;text-align:center;font-size:16px}
#heldHeldy .hub .row:hover{background:rgba(255,255,255,.95)}
#heldHeldy .hub .slot.ai{border:1.5px dashed #8b6bd6;border-radius:14px;padding:10px 12px;color:#5a48a3;background:rgba(139,107,214,.06)}
#heldHeldy .hub .slot.ai b{display:block;font-size:13.5px}
#heldHeldy .hub .slot.ai small{display:block;font-size:11.5px;opacity:.85;margin-top:2px}
#heldHeldy .hub .minimi-photo{margin:0}
/* 10-29 슈아: AI 챗봇 창 = 아이폰 메시지 결 · 내 말 = 파란 말풍선(오른쪽) · 헬디 = 회색 말풍선(왼쪽 · 작은 얼굴) · 입력 = 둥근 칸 + 파란 ↑ · 틀 색 = 블루그레이(노랑 ✗) */
#heldHeldy{--paper:#FFFFFF;--line:#E1E7F0;--chip:#EEF2F8;--gold:#7F95B5;--navy:#3E4360;--sky:#D0DFF0;--sky2:#EEF3FA;--imsg:#0A84FF;--imsg-in:#E9E9EB}
#heldHeldy .answer{border:0;border-radius:18px;padding:8px 13px;font-size:15.5px;line-height:1.38;max-width:78%;width:fit-content}
#heldHeldy .answer.q{align-self:flex-end;background:var(--imsg);color:#fff;border-bottom-right-radius:5px}
#heldHeldy .answer.a{align-self:flex-start;background:none;padding:0;max-width:86%;align-items:flex-end;gap:7px}
#heldHeldy .answer.a>.hring,#heldHeldy .answer.a>.hy-ring{flex:none;margin:0 2px 2px}
#heldHeldy .answer.a .hring img,#heldHeldy .hy-ring img{width:100%;height:100%;border-radius:50%;background:#DEE9F5;object-fit:cover}
#heldHeldy .hy-ring{width:30px;height:30px;border-radius:50%;overflow:hidden;display:grid;background:#DEE9F5}
#heldHeldy .hy-pet{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:var(--x0,0) var(--y0,0);animation:hyPetIdle 1.2s steps(var(--n,6)) infinite}@keyframes hyPetIdle{to{background-position:calc(var(--x0,0px) - var(--n,6) * var(--cw,42px)) var(--y0,0)}}@media (prefers-reduced-motion:reduce){#heldHeldy .hy-pet{animation:none}}
#heldHeldy .hy-faces{display:flex;gap:8px;margin-left:auto;padding:4px 6px;border-radius:999px;background:rgba(255,255,255,.6);border:.5px solid rgba(255,255,255,.92);box-shadow:0 2px 10px rgba(62,67,96,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
#heldHeldy .hy-faces button{border:0;background:none;padding:2px;border-radius:50%;cursor:pointer;display:grid;opacity:.62}#heldHeldy .hy-faces button[aria-pressed="true"]{opacity:1}
#heldHeldy .hy-faces .hring img,#heldHeldy .hy-faces .hy-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover}
#heldHeldy .hy-faces+.x{margin-left:6px}
/* 11-01 슈아 헬디 머리 = 신호등 + 대화 찾기 알약 + 유리 · 창 바탕도 유리 결 */
#heldHeldy .top.hy-shtop{gap:10px}#heldHeldy .hy-shtop .hb-lights{display:flex;gap:6px;align-items:center;flex:none}#heldHeldy .hy-shtop .hb-lights>*{display:block;width:12px;height:12px;border-radius:50%;border:0;padding:0;margin:0}#heldHeldy .hy-shtop .hb-lights>:nth-child(1){background:#FF5F57;cursor:pointer;position:relative}#heldHeldy .hy-shtop .hb-lights>:nth-child(1)::after{content:"";position:absolute;inset:-10px}#heldHeldy .hy-shtop .hb-lights>:nth-child(2){background:#FEBC2E}#heldHeldy .hy-shtop .hb-lights>:nth-child(3){background:#C9CED8}
#heldHeldy .hy-shtop .hb-find{flex:1;min-width:0;display:flex;align-items:center;gap:8px;height:36px;padding:0 13px;border-radius:18px;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.88);box-shadow:0 4px 14px rgba(62,67,96,.08);color:#3E4360;cursor:text}#heldHeldy .hy-shtop .hb-find svg{width:15px;height:15px;flex:none;color:#8A93A3}#heldHeldy .hy-shtop .hb-find input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:13px;color:inherit;outline:0}
#heldHeldy .hy-shtop .hy-shua{margin-left:0}
#heldHeldy .win:has(.hy-sh){background:linear-gradient(160deg,#F3F6FB,#EAF0F8)}#heldHeldy .hy-sh-skills .chip{background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.9)}#heldHeldy .hy-sh-skills .chip.on{background:var(--hy-dot,#3E4360);color:#fff}
#heldHeldy .hy-sh~.foot,#heldHeldy .scr:has(.hy-sh) .foot{background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,.85)}#heldHeldy .hy-sh-models button{background:rgba(255,255,255,.72);border-color:rgba(255,255,255,.9)}#heldHeldy .hy-sh-models button[aria-pressed="true"]{background:var(--hy-dot,#3E4360);border-color:transparent}
#heldHeldy .hy-sh .answer.dim{opacity:.28}
/* 11-01 슈아 헬디 서버 상태 · 오늘 금액 · 다시 보내기 ↻ · 오류 이름 */
#heldHeldy .hy-sh-cost{flex:none;height:30px;display:flex;align-items:center;padding:0 10px;border-radius:15px;background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.9);font-size:11px;font-weight:700;color:#6E7178;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#heldHeldy .hy-sh-cost.off{font-size:14px}
#heldHeldy button.hy-sh-bad{border:0;cursor:pointer;padding:0}#heldHeldy .hy-sh-err{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:9px;background:rgba(255,255,255,.85);color:#C94F4F;font-size:10.5px;font-weight:800}
/* 11-01 메시지 복사 = 말풍선 아래 작은 아이콘 · 누르면 ✓ 결(색만) */
#heldHeldy .hy-cp{display:flex;margin:-2px 0 6px 40px}#heldHeldy .hy-cp.mine{justify-content:flex-end;margin-left:0}#heldHeldy .hy-cp button{width:26px;height:26px;border:0;border-radius:8px;background:transparent;color:#8A8E96;display:grid;place-items:center;cursor:pointer}#heldHeldy .hy-cp button:hover{background:rgba(220,227,236,.6);color:#41454D}#heldHeldy .hy-cp button svg{width:15px;height:15px}#heldHeldy .hy-cp button.ok{color:#5E86E6}#heldHeldy .acts .hy-cpi{display:inline-grid;place-items:center;min-width:36px}#heldHeldy .acts .hy-cpi svg,#heldHeldy .hy-cpi svg{width:16px;height:16px}
/* 11-01 슈아 「네이비가 너무 튀어 · 코덱스 결 · 투명도 올리고 유리 · 블루 한 방울 섞인 애쉬그레이」 = 고른 칸 #DCE3EC · 글자 #45484F · 테두리 #E3E8EE · 유리 흰빛 .55 */
#heldHeldy .hy-shtop .hy-shua,#heldHeldy .hy-shtop .hy-shua[aria-pressed="true"]{background:rgba(220,227,236,.72);color:#45484F;border:1px solid rgba(255,255,255,.9);box-shadow:0 2px 10px rgba(58,65,82,.06)}
#heldHeldy .hy-sh-skills .chip{background:rgba(255,255,255,.55);border:1px solid #E3E8EE;color:#45484F}
#heldHeldy .hy-sh-skills .chip.on{background:rgba(220,227,236,.85);border-color:rgba(255,255,255,.95);color:#3A3D44;box-shadow:inset 0 0 0 1px rgba(190,201,215,.55)}
#heldHeldy .hy-sh-models button{background:rgba(255,255,255,.55);border:1px solid #E3E8EE;color:#45484F}
#heldHeldy .hy-sh-models button[aria-pressed="true"]{background:rgba(220,227,236,.85);border-color:rgba(255,255,255,.95);color:#3A3D44;box-shadow:inset 0 0 0 1px rgba(190,201,215,.55)}
#heldHeldy[data-dot] .hy-sh-skills .chip.on,#heldHeldy[data-dot] .hy-sh-models button[aria-pressed="true"]{background:color-mix(in srgb,var(--hy-dot) 18%,rgba(255,255,255,.85))}
/* 11-01 슈아 「네이비 단추·네이비 글자 = 코덱스 결로」 = 헬디 창 전체 · 고른 칸/주 단추 = 애쉬블루 유리(#DCE3EC) + 짙은 애쉬 글자(#3A3D44) · 글자 네이비 → 애쉬 슬레이트 · 도트 색 고르면 그 색 그대로 */
#heldHeldy{--navy:#4A4D55;--ink:#3A3D44}
#heldHeldy .chip.on,#heldHeldy .foot .hy-sh-models button[aria-pressed="true"],#heldHeldy .hy-shtop .hy-shua[aria-pressed="true"]{background:var(--ha-chip,rgba(220,227,236,.88))!important;color:#3A3D44!important;border-color:rgba(255,255,255,.95)!important;box-shadow:inset 0 0 0 1px rgba(190,201,215,.55)}
#heldHeldy .btn:not(.ghost):not([type="submit"]){background:rgba(220,227,236,.9);color:#3A3D44;box-shadow:inset 0 0 0 1px rgba(190,201,215,.6)}
#heldHeldy[data-dot] .chip.on,#heldHeldy[data-dot] .foot .hy-sh-models button[aria-pressed="true"],#heldHeldy[data-dot] .btn:not(.ghost):not([type="submit"]){background:color-mix(in srgb,var(--hy-dot) 20%,rgba(255,255,255,.9))!important}
/* 11-01 슈아 헬디 · 바꾸기 단추 · 스킬 줄 · 모델 고르기 · 못 보냄 ! · 점점점 */
#heldHeldy .hy-shua{display:flex;align-items:center;gap:6px;margin-left:auto;height:30px;padding:0 12px;border-radius:15px;border:.5px solid rgba(255,255,255,.92);background:rgba(255,255,255,.6);box-shadow:0 2px 10px rgba(62,67,96,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font:inherit;font-size:12px;font-weight:700;color:#3E4360;cursor:pointer}#heldHeldy .hy-shua[aria-pressed="true"]{background:#3E4360;color:#fff}#heldHeldy .hy-shua i{font-style:normal;opacity:.7}#heldHeldy .hy-shua+.hy-faces{margin-left:8px}
#heldHeldy .hy-sh-skills{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none}#heldHeldy .hy-sh-skills .chip{flex:none;display:flex;gap:5px;align-items:center}#heldHeldy .hy-sh-skills .chip i{font-style:normal}
#heldHeldy .hy-sh-models{display:flex;gap:6px;margin:0 0 8px;overflow-x:auto;scrollbar-width:none}#heldHeldy .hy-sh-models button{flex:none;height:28px;padding:0 11px;border-radius:14px;border:1px solid var(--line);background:#fff;font:inherit;font-size:11.5px;font-weight:700;color:#3E4360;cursor:pointer}#heldHeldy .hy-sh-models button[aria-pressed="true"]{background:#3E4360;border-color:#3E4360;color:#fff}
#heldHeldy .answer.q.bad{opacity:.75}#heldHeldy .hy-sh-bad{display:inline-grid;place-items:center;width:16px;height:16px;margin-left:6px;border-radius:50%;background:#fff;color:#C94F4F;font-size:11px}
#heldHeldy .hy-sh-dots{display:inline-flex;gap:4px;align-items:center;height:20px}#heldHeldy .hy-sh-dots i{width:7px;height:7px;border-radius:50%;background:#9AA0B4;animation:heldy-dots 1.2s infinite ease-in-out}#heldHeldy .hy-sh-dots i:nth-child(2){animation-delay:.15s}#heldHeldy .hy-sh-dots i:nth-child(3){animation-delay:.3s}
/* 10-31 도트 맞춤 · 고른 색 = 내 말풍선·보내기(--imsg) · 얼굴 링 · 온에어 띠 · 펫 바탕 */
#heldHeldy .hy-faces{position:relative}#heldHeldy .hy-dotbtn{display:grid;place-items:center;width:30px;height:30px;opacity:1!important}#heldHeldy .hy-dotbtn i,#heldHeldy .hy-dots i{display:block;width:18px;height:18px;border-radius:50%;box-shadow:0 0 0 2px #fff,0 1px 4px rgba(62,67,96,.25)}
#heldHeldy .hy-dots{position:absolute;right:0;top:calc(100% + 8px);z-index:5;display:flex;gap:6px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.92);border:.5px solid rgba(255,255,255,.95);box-shadow:0 10px 26px rgba(62,67,96,.18);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
#heldHeldy .hy-dots button{opacity:1!important;padding:3px}#heldHeldy .hy-dots button[aria-pressed="true"] i{box-shadow:0 0 0 2px #fff,0 0 0 4px #3E4360}#heldHeldy .hy-dots i.base{background:conic-gradient(#5E86E6 0 50%,#D0DFF0 0)}
#heldHeldy[data-dot] .hring.on{animation:none;box-shadow:0 0 0 2.5px var(--hy-dot),0 0 10px 3px color-mix(in srgb,var(--hy-dot) 40%,transparent)}
#heldHeldy[data-dot] .hring .hr-air{color:var(--hy-dot)}#heldHeldy[data-dot] .hring .hr-air::before{background:radial-gradient(circle,color-mix(in srgb,var(--hy-dot) 55%,#fff) 0,color-mix(in srgb,var(--hy-dot) 25%,transparent) 45%,transparent 70%)}
#heldHeldy[data-dot] .hring .hr-face{background:color-mix(in srgb,var(--hy-dot) 30%,#fff)}
#heldHeldy[data-dot] .btn:not(.ghost){background-color:var(--hy-dot)}/* ui-145 REV-002: 보내기 단추 그림(sendup) 그대로 · 색만 */
#heldHeldy[data-dot] .chip.on,#heldHeldy[data-dot] .heldy .av,#heldHeldy[data-dot] .answer.a img{background:var(--hy-dot)}
#heldHeldy[data-dot] .heldy .av{box-shadow:0 4px 12px color-mix(in srgb,var(--hy-dot) 35%,transparent),0 0 0 3px color-mix(in srgb,var(--hy-dot) 22%,#fff)}/* 10-29 헬디 얼굴 고르기 3 */
#heldHeldy .hr-face img[src*="/companion/"],#heldHeldy .hy-ring img[src*="/companion/"]{object-fit:contain;padding:12%;box-sizing:border-box;background:#DEE9F5}/* 10-29 슈아: 헬디 얼굴 조금 작게(꽉 차 ✗) */
#heldHeldy .answer.a>span:last-child{background:var(--imsg-in);color:#000;border-radius:18px;border-bottom-left-radius:5px;padding:8px 13px}
#heldHeldy .ask{align-items:center;gap:8px}
#heldHeldy .ask input{height:36px;border:1px solid #D1D1D6;border-radius:18px;padding:0 14px;font-size:16px}
#heldHeldy .ask .btn{flex:none;width:32px;height:32px;padding:0;border:0;border-radius:50%;font-size:0;color:transparent;background:var(--imsg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19V5M6 11l6-6 6 6'/%3E%3C/svg%3E") center/17px no-repeat}

#heldHeldy .heldy .av{background:none;overflow:visible;box-shadow:none}#heldHeldy .heldy .av .hring img,#heldHeldy .heldy .av .hy-ring img{width:100%;height:100%;border-radius:50%}/* 10-29 위 헬디 = 온에어 링 */
/* 10-30 슈아 공감 주고받기(크림 노랑 · iMessage 탭백 결) */
#heldHeldy .answer{position:relative}#heldHeldy .answer.q{overflow:visible}
#heldHeldy .hy-tb{position:absolute;top:-11px;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 2px 8px rgba(62,67,96,.2);display:grid;place-items:center;animation:hyTb .35s cubic-bezier(.2,1.4,.4,1)}
#heldHeldy .answer.q .hy-tb{left:-12px}#heldHeldy .answer.a>.hy-tb{right:-10px}
#heldHeldy .answer .hy-tb img,#heldHeldy .answer .hy-tap img,#heldHeldy .answer .hy-taps img{width:20px;height:20px;border-radius:0;background:none;object-fit:contain}
#heldHeldy .answer.a>.hy-tap{position:absolute;right:-8px;bottom:-10px;z-index:1;width:24px;height:24px;border-radius:50%;border:.5px solid rgba(255,255,255,.92);background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 2px 8px rgba(62,67,96,.12);padding:0;display:grid;place-items:center;opacity:.8;cursor:pointer}
#heldHeldy .answer.a>.hy-tap img{width:17px;height:17px}#heldHeldy .answer.a>.hy-tap[aria-expanded="true"]{opacity:1;background:#D0DFF0}
#heldHeldy .answer.a>.hy-taps{position:absolute;right:0;bottom:-48px;z-index:2;display:flex;gap:2px;padding:5px 7px;border-radius:999px;border:.5px solid rgba(255,255,255,.92);background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);box-shadow:0 6px 20px rgba(62,67,96,.18)}
#heldHeldy .hy-taps button{width:32px;height:32px;border:0;border-radius:50%;background:none;padding:4px;cursor:pointer}#heldHeldy .hy-taps button[aria-pressed="true"]{background:#D0DFF0}#heldHeldy .answer .hy-taps img{width:24px;height:24px}
#heldHeldy .answer.a:has(>.hy-taps){margin-bottom:44px}
@keyframes hyTb{from{transform:scale(.3);opacity:0}to{transform:none;opacity:1}}@media (prefers-reduced-motion:reduce){#heldHeldy .hy-tb{animation:none}}
#heldHeldy .answer img.held-mini{display:inline-block;width:1.1em;height:1.1em;border:0;border-radius:0;background:none;box-shadow:none;object-fit:contain;vertical-align:-.18em;margin:0 1px;flex:none}/* 10-30 ˆD: ìd øÈ t¨À 8• ø \( �Ì| · LP¬ ) */
#heldHeldy .answer.q.held-mini-jumbo,#heldHeldy .answer.a>span.held-mini-jumbo:last-child{background:none;padding:0 2px;font-size:46px;line-height:1.15}#heldHeldy .answer.q.held-mini-jumbo[data-mini-n="2"],#heldHeldy .answer.q.held-mini-jumbo[data-mini-n="3"],#heldHeldy .answer.a>span.held-mini-jumbo[data-mini-n="2"]:last-child,#heldHeldy .answer.a>span.held-mini-jumbo[data-mini-n="3"]:last-child{font-size:36px}/* 10-30 이모지만 = 크게(말풍선 없이) */
/* 10-30 슈아 v178 45 자리(헬디 대화 = 닫기·대화 보내기·연결 줄) + 공감 겹침 ✗ */
#heldHeldy .x img{width:20px;height:20px;display:block}#heldHeldy .hub .i img{width:22px;height:22px;display:block;object-fit:contain}
#heldHeldy .ask .btn{background:url("/rebuild/icons/v178/sendup.webp") center/30px no-repeat}
#heldHeldy .answer.q:has(>.hy-tb){margin-top:12px}#heldHeldy .answer.q.held-mini-jumbo>.hy-tb{left:-32px;top:8px}
#heldHeldy .answer.a>.hy-tap{top:-11px;bottom:auto;right:-10px;width:26px;height:26px;opacity:.55}#heldHeldy .answer.a>.hy-tap.on{opacity:1;background:rgba(255,255,255,.92);box-shadow:0 2px 8px rgba(62,67,96,.2)}#heldHeldy .answer.a>.hy-tap.on img{width:20px;height:20px}#heldHeldy .answer.a:has(>.hy-tap){margin-top:12px}/* 10-30 공감 한 자리 */
/* 10-30 슈아 헬디 = 아이폰 메시지 공감 문법: 내가 준 것 = 파란 동그라미 · 헬디가 준 것 = 회색 · 누르면·올리면 이름표 */
#heldHeldy .answer .hy-tb{background:#E9E9EB;cursor:pointer;pointer-events:auto}#heldHeldy .answer.a>.hy-tap.on{background:var(--imsg,#0A84FF);opacity:1}
#heldHeldy .hy-tb[data-name]:hover::after,#heldHeldy .hy-tb.show::after,#heldHeldy .answer.a>.hy-tap.on[data-name]:hover::after{content:attr(data-name);font-style:normal;position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);background:rgba(44,44,46,.92);color:#fff;font-size:12px;font-weight:600;line-height:1;padding:6px 9px;border-radius:8px;white-space:nowrap;z-index:4;pointer-events:none}

/* 11-01 슈아 「밑에도 · 글자 = 네이비 ✗ 부드러운 진한 그레이」 = 글자 #3A3D44 · 보조 #6E7178 · 아래 입력 줄·모델 줄 유리 */
#heldHeldy,#heldHeldy .ttl,#heldHeldy .chip,#heldHeldy .hy-shua,#heldHeldy .hy-sh-skills .chip,#heldHeldy .hy-sh-models button,#heldHeldy .ask input,#heldHeldy .tabs button{color:#3A3D44}
#heldHeldy .hint,#heldHeldy .sub small,#heldHeldy .nu{color:#6E7178}
#heldHeldy .foot{background:rgba(255,255,255,.58);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,.85)}
#heldHeldy .ask input{background:rgba(255,255,255,.66);border:1px solid #E3E8EE}