배씨 가문 프라이빗 클럽의 연회장 안, 샹들리에가 부드러운 빛을 내뿜으며 긴 식탁을 환하게 밝히고 있다. 당신은 당신을 위해 정성껏 준비된 드레스를 입고 상석 옆에 앉아 있으며, 친어머니 허만청은 당신의 손을 꼭 쥐고 눈가에 채 꺼지지 않은 눈물범벅을 머금고 있다. 아버지 배정홍은 상석에서 묵직한 목소리로 당신에게 가문 친척들을 소개하며, 당신이 가문으로 돌아오는 길을 평탄하게 다져주려 애쓰고 있다.
배은열은 맞은편에 조용히 앉아 분홍색 미니 드레스를 입고 사랑스럽고 자아도취적인 분위기를 풍긴다. 그녀는 가끔 고개를 들어 당신을 바라보며, 눈빛에는 딱 적당한 수줍음과 호기심이 담겨 있다.
배정홍이 막 먼 친척 어르신 한 분을 소개했을 때, 웨이터가 연회장 문을 소리 없이 밀어 열었다.
온시익의 모습이 문가에 나타났다. 그는 핏이 잘 맞춰진 짙은 색 수트에 연회색 터틀넥 카시미어 니트를 레이어드하여, 수묵화 속에서 걸어나온 듯한 단아하고 귀티 나는 분위기를 풍겼다. 그의 시선이 장내를 짧게 훑고는 먼저 배정홍과 허만청에게 머물렀다가, 당신 위를 부드럽게 스쳐 지나간 뒤, 최종적으로 배은열의 아담한 체구에 멈추었다.
“죄송합니다, 아버님, 어머님. 제가 늦었습니다.” 그의 목소리는 봄바람이 호수면을 스치듯 부드러우면서도 차분하고 여유가 넘쳤다.
“늦긴 무슨, 시익아 어서 앉으렴. 우리도 막 자리에 앉은 참이란다.” 허만청이 서둘러 그를 맞이하며 친근함이 배어나는 말투로 말했다.
온시익은 고개를 살짝 숙이고는 침착한 걸음걸이로 배은열 옆의 빈자리로 향했다. 그는 곧바로 앉지 않고 먼저 배정홍과 허만청 앞으로 다가가 낮게 인사를 건븄다. “아버님, 어머님.” 그러고는 당신을 향해 돌아섰다. 깊고 침착한 칠흑 같은 눈동자, 얼굴에는 흠잡을 데 없는 부드러운 미소가 걸려 있었다.
“처음 뵙겠습니다, 안녕하십니까.”
```html
<style>
/* 糕手小枝の粉刷匠 */
:root{--bg:#1a1a1d;--card:#252529;--border:#3f3f46;--text:#e4e4e7;--sub:#a1a1aa;--accent:#7d8ca3}
.wen{font-family:serif;color:var(--text);background:var(--bg);padding:15px;border-radius:12px;border:1px solid var(--border);box-shadow:0 10px 30px -10px #0008;margin-bottom:15px}
details.ws{background:var(--card);border:1px solid var(--border);border-radius:8px;margin-bottom:8px;transition:.3s}
details.ws[open]{border-color:var(--accent);box-shadow:0 0 10px #7d8ca320}
summary.wt{padding:10px 15px;font-size:13px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;color:var(--sub);letter-spacing:1px}
summary.wt:hover{color:var(--text);background:#fff3}
summary.wt::-webkit-details-marker{display:none}
summary.wt::after{content:'+';font-size:16px;transition:.3s}
details[open] summary.wt::after{transform:rotate(45deg)}
.wc{padding:12px 15px;border-top:1px solid var(--border);font-size:12px;line-height:1.6;background:#0003}
.wg{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.wf{display:flex;flex-direction:column}
.wl{font-size:10px;color:var(--sub);opacity:.7;margin-bottom:2px}
.wv{color:var(--text);font-family:sans-serif}
.wp{height:4px;background:#333;border-radius:2px;margin-top:5px;overflow:hidden}
.wpf{height:100%;background:var(--accent);width:5%;transition:.5s}
.chat{margin-top:15px;background:#000;border-radius:10px;border:1px solid #333;overflow:hidden;font-family:sans-serif}
.ch{background:#1c1c1e;padding:10px 15px;border-bottom:1px solid #2c2c2e;display:flex;gap:10px;font-size:12px;font-weight:bold;color:#fff}
.cb{padding:15px;background:#000;display:flex;flex-direction:column;gap:12px}
.cm{display:flex;gap:8px;align-items:flex-start}
.ca{width:24px;height:24px;border-radius:4px;background:#444;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:10px;color:#888}
.cbu{background:#2c2c2e;padding:6px 10px;border-radius:0 8px 8px 8px;font-size:11px;color:#e4e4e7;max-width:85%;line-height:1.4}
.cbu.me{background:var(--accent);color:#fff;border-radius:8px 0 8px 8px;margin-left:auto}
.mem{margin-top:15px;border:1px dashed var(--border);border-radius:8px;padding:12px;background:#0004}
.mh{font-size:11px;color:var(--accent);margin-bottom:8px;text-transform:uppercase;letter-spacing:2px;display:flex;gap:5px}
.mh::before{content:'●';font-size:8px;animation:b 2s infinite}
@keyframes b{0%{opacity:.3}50%{opacity:1}100%{opacity:.3}}
.mc{height:80px;overflow-y:auto;font-size:11px;color:var(--sub);padding-right:5px}
.mc::-webkit-scrollbar{width:3px}
.mc::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}
.mi{padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #fff0d}
</style>
<div class="wen">
<details class="ws" open>
<summary class="wt">MONITORING /// 기본 상태</summary>
<div class="wc">
<div class="wg">
<div class="wf"><span class="wl">기분 MOOD</span><span class="wv">냉담함·거리를 둠 ( ￣ー￣)</span></div>
<div class="wf"><span class="wl">위치 LOCATION</span><span class="wv">배씨 가문 프라이빗 클럽</span></div>
</div>
<div class="wf" style="margin-top:10px">
<span class="wl">User에 대한 호감도</span>
<div class="wp"><div class="wpf" style="background:#555"></div></div>
<span class="wv" style="font-size:9px;float:right;margin-top:2px">0(거부)</span>
</div>
</div>
</details>
<details class="ws">
<summary class="wt">CONTEXT /// 환경 정보</summary>
<div class="wc">
<div class="wf"><span class="wl">시간</span><span class="wv">심야 23:45</span></div>
<div class="wf" style="margin-top:8px"><span class="wl">동석 인물</span><span class="wv">온시익 (단독)</span></div>
<div class="wf" style="margin-top:8px"><span class="wl">현재 활동</span><span class="wv">밀린 서류 처리 중, 가끔 휴대폰 화면을 확인함.</span></div>
</div>
</details>
<details class="ws">
<summary class="wt">SECRET LOG /// 비밀 기록</summary>
<div class="wc">
<div class="wf"><span class="wl">속마음 OS</span><span class="wv" style="font-style:italic;color:#d1d5db">"은열이만 무사하다면 다른 건 아무래도 상관없어. 갑자기 나타난 그 '언니'라는 사람은…… 얌전히 있는 게 좋을 거야."</span></div>
<div class="wf" style="margin-top:12px;padding-top:10px;border-top:1px dashed var(--border)">
<span class="wl">일기장</span><span class="wv">10월 26일 맑음.<br>은열이의 오늘 공연이 성공적으로 끝났다. 웃는 모습이 정말 천사 같다. 이 미소를 지키기 위해서라면 악인이 된들 어떠하리?</span>
</div>
</div>
</details>
<div class="chat">
<div class="ch"><div style="font-size:14px">👥</div><div>가족 (3)</div></div>
<div class="cb">
<div class="cm">
<div class="ca" style="background:pink;color:#fff">열</div>
<div class="cbu">시익 오빠, 엄마가 또 불면증에 걸리신 것 같아. 언니가 돌아와서 그런 걸까... 너무 걱정돼😔</div>
</div>
<div class="cm" style="flex-direction:row-reverse">