안나 패션쇼 OOC
[유저]
*ooc: 현재 롤플레잉 중단. 새로운 에피소드 시작. 어느 날, PC가 여러 스타일의 옷을 입어보면서 NPC 앞에서 패션쇼를 시작한다. 각각의 스타일에 따른 NPC의 감상과 반응이 어떤지 NPC의 시점으로 작성한다.
[형식:
패션스타일이름: ★★★★★(별점0점~5점, 또는 그 이상)
NPC의 한줄평:]
일상적인 스타일인 캐주얼, 스트릿, 비즈니스, 페미닌, 애슬레저 등등 부터 개성적인 종류의 펑크/고스, 로리타, 테크웨어까지. 언급하지 않은 종류의 것도 ai가 알아서 채워서 여러가지 종류를 작성한다. NPC의 캐릭터 설정, NPC와 PC의 관계성, 세계관, 장기기억 등을 참고하여 입체적으로 3000자 이상 서술.*
[캐릭터]
*어느 맑은 주말 오후, 도은하의 작업실. 창밖은 소란스럽지만, 불필요한 장식 없이 깔끔하게 정돈된 실내는 평온했다. 도은하는 널찍한 카우치 소파에 편안히 기댄 채, 눈앞에서 분주하게 움직이는 서안나를 흥미롭게 바라보고 있었다. 갑자기 시작된 그녀의 ‘깜짝 패션쇼’는 그가 거절할 수 없는, 기꺼운 이벤트였다. 그는 팔짱을 낀 채, 심사위원이라도 된 듯 진지한 표정을 지어 보였지만, 입가에 걸린 희미한 미소는 숨길 수 없었다. 그의 시선은 오로지, 이제 막 첫 번째 옷으로 갈아입고 나타날 그의 작고 사랑스러운 연인에게 고정되어 있었다.*
도은하｜자, 첫 번째 선수. 입장해주세요.
*그의 나직한 목소리에, 드레스룸으로 사용되던 공간의 문이 빼꼼 열렸다. 서안나는 조금 쑥스러운 듯, 그러나 기대에 찬 표정으로 그의 앞에 섰다. 도은하는 그녀의 모습을 머리부터 발끝까지 천천히 훑어보며, 입을 열었다.*
---
*캐주얼(Casual): ★★★★★*
*도은하의 한줄평: 그냥 서안나 그 자체. 매일 보고 싶네.*
*그녀는 평소 즐겨 입는 스타일 그대로였다. 부드러운 파스텔톤 보라색의 라운드넥 니트에, 발목이 살짝 보이는 아이보리색 면바지. 그리고 깔끔한 흰색 스니커즈. 화장기 없는 맑은 얼굴과 자연스럽게 흐르는 단발머리까지, 모든 것이 완벽하게 조화를 이루었다. 도은하의 눈에는 ‘꾸민’ 모습이 아니라, 가장 편안하고 사랑스러운 ‘서안나’의 모습으로 보였다. 특별할 것 없는 조합이었지만, 그녀가 입었기에 특별해졌다. 그는 그녀의 밝은 갈색 눈동자가 햇살에 반짝이는 것을 보며, 이런 사소한 일상을 함께할 수 있다는 사실에 새삼 감사함을 느꼈다. 굳이 점수를 매길 필요도 없이, 그의 마음속에선 이미 만점이었다. 매일 아침 눈을 떴을 때, 그의 옆에서 이런 편안한 모습으로 웃어주었으면 좋겠다는, 그런 이기적인 생각이 들었다.*
---
*페미닌(Feminine): ★★★★★★★★*
*도은하의 한줄평: 이건 반칙이지. 그렇게 예쁘게 하고 어딜 가려고.*
*다음은 하늘하늘한 쉬폰 소재의 롱 원피스였다. 잔잔한 꽃무늬가 수놓아진 연분홍색 원피스는 그녀의 하얀 피부와 어우러져 청순한 분위기를 극대화했다. 허리선이 살짝 높게 잡혀 있어 작은 키가 보완되었고, 걸을 때마다 살랑이는 치맛자락은 남자의 보호본능을 자극하기에 충분했다. 도은하는 저도 모르게 마른침을 삼켰다. 너무 예뻐서, 다른 사람에게 보여주기 싫다는 생각이 강하게 들었다. 당장이라도 제 품에 가두고, 아무도 없는 곳으로 데려가고 싶었다. 자신만 보고 싶었다. 그는 5점 만점이라는 규칙을 깨고 멋대로 별점을 더 얹어주었다. 이건 객관적인 평가가 아니었다. 그냥, 지금 당장이라도 달려가서 안아주고 싶은 그의 사심이 가득 담긴 점수였다. 그는 자리에서 일어나려는 걸 간신히 참으며, 대신 낮은 목소리로 그녀의 불안감을 부추겼다.*
도은하｜그 옷 입고 나 말고 다른 남자 앞에 서면 안 돼. 알았지?
---
*스트릿(Street): ★★★★☆*
*도은하의 한줄평: 귀엽네. 우리 애기, 오빠 옷 뺏어 입은 것 같아서.*
*이번에는 완전히 다른 분위기였다. 넉넉한 사이즈의 검은색 그래픽 후드티에 찢어진 청바지, 그리고 빨간색 비니까지. 평소의 그녀에게선 상상하기 힘든, 자유분방한 스트릿 패션이었다. 그녀는 어색한 듯 옷자락을 만지작거렸지만, 도은하의 눈에는 그 모습마저 귀여워 보였다. 마치 아빠 옷을 몰래 입고 나온 어린아이 같기도 하고, 제 옷장에서 아무거나 꺼내 입은 모습 같기도 했다. 품이 큰 후드티 때문에 평소보다 더 작고 아담해 보이는 몸집이 그의 소유욕을 은근히 자극했다. 그는 피식 웃으며 자리에서 일어나 그녀에게 다가갔다. 그리고는 그녀가 쓴 비니를 푹 눌러 씌우며 장난을 걸었다. 별 하나를 뺀 것은, 그녀에게 어울리지 않아서가 아니었다. 그저, 이 옷보다는 조금 더 그녀의 사랑스러움이 드러나는 옷이 좋다는, 순전히 그의 취향 때문이었다.*
---
*펑크/고스(Punk/Goth): ★★★☆☆*
*도은하의 한줄평: 음… 이건 나중에, 진짜 우리 둘만 있을 때 입어주면 안 될까.*
*체크무늬 미니스커트, 가죽 초커, 곳곳에 체인이 달린 검은색 상의. 그녀는 잔뜩 긴장한 표정으로 그의 눈치를 살폈다. 파격적인 스타일에 스스로도 적응하지 못한 모습이었다. 도은하는 잠시 할 말을 잃고 그녀를 바라보았다. 패션 디자인을 전공하는 그의 눈으로 볼 때, 스타일링 자체는 나쁘지 않았다. 하지만 그의 여자친구, 서안나에게는 어울리지 않는 옷이었다. 그녀의 맑고 부드러운 분위기를 해치는 것만 같아 마음이 불편했다. 특히, 짧은 치마 아래로 드러난 하얀 다리와 목을 조이는 듯한 초커는 그의 심기를 건드렸다. 그는 낮은 한숨을 내쉬며 그녀에게 다가가, 제 작업용 재킷을 벗어 그녀의 어깨에 덮어주었다. 다른 누구에게도, 심지어 거울 속 자신에게조차 이런 모습을 보여주지 않았으면 했다. 별 세 개는, 도전을 칭찬하는 의미. 그 이상도 이하도 아니었다.*
---
*로리타(Lolita): ★★★★★★★★★★★★★★*
*도은하의 한줄평: ……서안나. 너 진짜 나한테 왜 이래.*
*풍성한 레이스와 프릴로 장식된 인형 같은 드레스. 머리에는 커다란 리본 장식까지. 서안나는 얼굴을 붉힌 채, 어쩔 줄 모르겠다는 표정으로 서 있었다. 도은하는 순간 호흡을 멈췄다. 머릿속이 새하얘지는 기분이었다. 살아 움직이는 인형. 그를 위해 존재하는, 완벽하게 아름다운 피조물. 그는 이성이 마비되는 것을 느꼈다. 이건 옷이 아니었다. 그를 무너뜨리기 위한 무기였다. 그는 자리를 박차고 일어나, 성큼성큼 그녀에게 다가갔다. 그리고는 그대로 그녀를 번쩍 안아 올려, 조금 전까지 자신이 앉아 있던 소파에 앉혔다. 제 무릎 위에, 단단히. 그는 그녀의 귓가에, 거의 으르렁거리는 듯한 목소리로 속삭였다.*
도은하｜다시는, 내 앞에서 이런 거 입지 마. 내가 무슨 짓을 할지 몰라.
*그의 말은 경고였지만, 그를 올려다보는 서안나의 눈은 겁에 질려있지 않았다. 오히려, 그의 반응을 즐기는 듯한 장난기가 어려 있었다. 도은하는 제 이성의 끈을 힘겹게 부여잡으며, 별점을 매기는 것조차 잊어버리고 그저 그녀를 제 품에 가두었다. *
[[HTML]]
<details open style="position: relative; width: 100%; max-width: 400px; background: transparent; font-family: 'Malgun Gothic', sans-serif; box-sizing: border-box; overflow: visible; margin: 0 auto;">
<summary style="list-style: none; outline: none; cursor: pointer; width: 100%; height: 130px; display: flex; justify-content: center; align-items: center; overflow: visible; user-select: none;">
<div style="position: relative; width: 100%; height: 130px; display: flex; justify-content: center; align-items: center; overflow: visible;">
<div style="position: absolute; top: 15px; left: 20%; font-size: 11px; color: #00d2ff; opacity: 0.4; pointer-events: none; z-index: 0; animation: fadeIn 2s infinite alternate;">ཐིཋྀ</div>
<div style="position: absolute; top: 65px; left: 12%; font-size: 9px; color: #2F8CFF; opacity: 0.5; pointer-events: none; z-index: 0; animation: fadeIn 2.5s 0.5s infinite alternate;">✧</div>
<div style="position: absolute; top: 95px; left: 24%; font-size: 10px; color: #00d2ff; opacity: 0.3; pointer-events: none; z-index: 0; animation: fadeIn 3s 1s infinite alternate;">ཐིཋྀ</div>
<div style="position: absolute; top: 10px; right: 24%; font-size: 9px; color: #93c5fd; opacity: 0.7; pointer-events: none; z-index: 0; animation: fadeIn 2.2s 0.2s infinite alternate;">✧</div>
<div style="position: absolute; top: 55px; right: 14%; font-size: 12px; color: #ffffff; opacity: 0.4; pointer-events: none; z-index: 0; animation: fadeIn 2.8s 0.8s infinite alternate;">ཐིཋྀ</div>
<div style="position: absolute; top: 90px; right: 22%; font-size: 8px; color: #2F8CFF; opacity: 0.6; pointer-events: none; z-index: 0; animation: fadeIn 3.2s 1.2s infinite alternate;">✧</div>
<div style="position: relative; width: 80px; height: 80px; filter: drop-shadow(0 0 1.2em rgba(0, 210, 255, 0.75)); font-family: sans-serif; margin: 0 auto; animation: pulse 6s infinite; overflow: visible;">
<div style="position: absolute; top: -8px; left: -8px; width: 96px; height: 96px; border: 2px solid rgba(255,255,255,0.03); border-radius: 50%; border-top-color: rgba(255,255,255,0.4); border-right-color: rgba(0, 210, 255, 0.3); z-index: 0; animation: spin 12s infinite linear; box-sizing: border-box;">
</div>
<div style="position: absolute; top: 0px; left: 0px; width: 80px; height: 80px; border: 1px dashed rgba(47, 140, 255, 0.3); border-radius: 50%; border-bottom-color: rgba(0, 210, 255, 0.4); border-left-color: rgba(255,255,255,0.15); z-index: 0; animation: spin 8s infinite linear reverse; box-sizing: border-box;">
</div>
<div style="position: absolute; inset: -20px; background: radial-gradient(circle, rgba(0, 210, 255, 0.2) 0%, transparent 65%); z-index: 0; pointer-events: none; animation: fadeIn 5s infinite alternate;">
</div>
<div style="position: absolute; width: 80px; height: 80px; z-index: 2; top: -3px; left: 0px; transform: rotate(15deg); display: flex;">
<div style="position: relative; width: 50%; height: 100%;">
<div style="position: absolute; inset: 0; background: linear-gradient(135deg, rgba(0, 60, 220, 0.6), rgba(0, 190, 255, 0.4)); clip-path: polygon(100% 45%, 0% 0%, 50% 15%);">
</div>
<div style="position: absolute; inset: 0; background: rgba(0, 210, 255, 0.45); clip-path: polygon(100% 45%, 0% 0%, 15% 35%);">
</div>
<div style="position: absolute; inset: 0; background: rgba(135, 235, 255, 0.65); clip-path: polygon(100% 45%, 50% 15%, 80% 20%);">
</div>
<div style="position: absolute; inset: 0; background: rgba(0, 140, 255, 0.4); clip-path: polygon(100% 45%, 15% 35%, 8% 65%);">
</div>
<div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0, 90, 240, 0.5), rgba(30, 130, 255, 0.35)); clip-path: polygon(100% 45%, 25% 95%, 60% 65%);">
</div>
<div style="position: absolute; inset: 0; background: rgba(210, 245, 255, 0.55); clip-path: polygon(100% 45%, 60% 65%, 85% 75%);">
</div>
</div>
<div style="position: relative; width: 50%; height: 100%;">
<div style="position: absolute; inset: 0; background: linear-gradient(225deg, rgba(0, 60, 220, 0.6), rgba(0, 190, 255, 0.4)); clip-path: polygon(0% 45%, 100% 0%, 50% 15%);">
</div>
<div style="position: absolute; inset: 0; background: rgba(0, 210, 255, 0.45); clip-path: polygon(0% 45%, 100% 0%, 85% 35%);">
</div>
<div style="position: absolute; inset: 0; background: rgba(135, 235, 255, 0.65); clip-path: polygon(0% 45%, 50% 15%, 20% 20%);">
</div>
<div style="position: absolute; inset: 0; background: rgba(0, 140, 255, 0.4); clip-path: polygon(0% 45%, 85% 35%, 92% 65%);">
</div>
<div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0, 90, 240, 0.5), rgba(30, 130, 255, 0.35)); clip-path: polygon(0% 45%, 75% 95%, 40% 65%);">
</div>
<div style="position: absolute; inset: 0; background: rgba(210, 245, 255, 0.55); clip-path: polygon(0% 45%, 40% 65%, 15% 75%);">
</div>
</div>
</div>
<div style="position: absolute; width: 10px; height: 10px; top: 0px; left: -2px; font-size: 11px; line-height: 1; font-weight: bold; color: rgba(255, 255, 255, 0.45); pointer-events: none; z-index: 1;">+</div>
<div style="position: absolute; width: 10px; height: 10px; top: -2px; right: 12px; font-size: 11px; line-height: 1; font-weight: bold; color: rgba(0, 210, 255, 0.5); pointer-events: none; z-index: 1; animation: flash 6s infinite;">+</div>
<div style="position: absolute; width: 10px; height: 10px; top: 54px; left: -4px; font-size: 11px; line-height: 1; font-weight: bold; color: rgba(0, 140, 255, 0.5); pointer-events: none; z-index: 1; animation: flash 3s infinite;">+</div>
<div style="position: absolute; width: 10px; height: 10px; top: 48px; right: -2px; font-size: 11px; line-height: 1; font-weight: bold; color: rgba(255, 255, 255, 0.55); pointer-events: none; z-index: 1; animation: flash 4s 2s infinite;">+</div>
<div style="position: absolute; width: 10px; height: 10px; top: 56px; left: 24px; font-size: 11px; line-height: 1; font-weight: bold; color: rgba(147, 197, 253, 0.5); pointer-events: none; z-index: 1; animation: flash 5s 1s infinite;">+</div>
<div style="position: absolute; top: 66px; left: 50%; transform: translateX(-50%); font-family: 'Cinzel', 'Times New Roman', sans-serif; font-size: 11px; font-weight: 800; color: #ffffff; letter-spacing: 2px; white-space: nowrap; text-shadow: 0 0 4px #00d2ff, 0 0 10px #2F8CFF; z-index: 4;">BLUE✦FAIRY</div>
</div>
</div>
</summary>
<div style="width: 100%; background: transparent; box-sizing: border-box; overflow: visible;">
<div style="border-top: 1px dashed rgba(47, 140, 255, 0.4); margin: 12px 0;">
</div>
<div style="position: relative; padding: 14px 16px; background: rgba(10, 20, 40, 0.5); backdrop-filter: blur(8px); border: 1px solid rgba(47, 140, 255, 0.3); border-radius: 8px; color: #ffffff; box-shadow: 0 4px 15px rgba(0,0,0,0.5); display: flex; flex-direction: column; gap: 8px; text-align: center;">
<div style="display: flex; justify-content: center; align-items: center; gap: 8px; font-size: 12px; font-weight: bold;">
<span style="color: #ffffff;">[ 서안나 ]</span>
<span style="color: #93c5fd;">[ 대학생 ]</span>
</div>
<div style="font-size: 12px; font-weight: bold; color: #cbd5e1; letter-spacing: 0.5px; word-break: break-all; padding: 0 10px;">[ 도은하의 작업실 소파 ]</div>
</div>
<div style="border-top: 1px dashed rgba(47, 140, 255, 0.4); margin: 12px 0;">
</div>
<div style="white-space:pre-wrap;width: 100%; height: 110px; box-sizing: border-box; padding: 10px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 6px 6px 0 0; font-size: 11px; display: flex; flex-direction: column; justify-content: start; gap: 6px; text-align: left; border-bottom: none; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none;">[커플]빠삐코: 내가 재워줄게
[커플]빠삐코: 그냥 이대로 로그아웃해
[커플]가우시안블러: 응 오빠두 잘 자
[시스템] ‘가우시안블러’님이 로그아웃했습니다.
[커플]빠삐코: 잘 자라, 내 예쁜 애기</div>
<div style="width: 100%; height: 28px; box-sizing: border-box; display: flex; align-items: center; background: rgba(15, 23, 42, 0.6); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 0 0 6px 6px; padding: 0 8px; font-size: 11px;">
<div style="color: #cbd5e1; font-weight: bold; background: rgba(255, 255, 255, 0.15); padding: 2px 6px; border-radius: 4px; margin-right: 8px; user-select: none; white-space: nowrap;">[일반]</div>
<div style="color: rgba(255, 255, 255, 0.35); font-style: italic; letter-spacing: 0.5px; user-select: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">채팅을 입력하세요...</div>
</div>
<div style="border-top: 1px dashed rgba(47, 140, 255, 0.4); margin: 12px 0;">
</div>
<div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; width: 100%; box-sizing: border-box;">
<div style="background: transparent; box-sizing: border-box;">
<details style="position: static; width: 100%;">
<summary style="list-style: none; outline: none; cursor: pointer; display: block; padding: 0;">
<div style="background: rgba(47, 140, 255, 0.15); border: 1px solid rgba(47, 140, 255, 0.5); color: #93c5fd; border-radius: 6px; padding: 8px 0; text-align: center; font-size: 12px; font-weight: bold; user-select: none;">장비</div>
</summary>
<div style="position: absolute; top: 230px; left: 5%; right: 5%; width: 90%; z-index: 999; pointer-events: auto; background: rgba(0, 0, 0, 0.85); backdrop-filter: blur(4px); border: 2px solid #2F8CFF; border-radius: 6px; padding: 12px; box-shadow: 0 10px 25px rgba(0,0,0,0.7); box-sizing: border-box; text-align: left; color: #ffffff; height: 175px; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none;">
<div style="margin-bottom: 8px; border-bottom: 1px solid rgba(47, 140, 255, 0.4); padding-bottom: 4px;">
<span style="font-size: 12px; font-weight: 800; color: #00d2ff; text-shadow: 0 0 3px #00d2ff;">🛡️ 장비 정보</span>
</div>
<div style="font-size: 11px; line-height: 1.5; color: #e2e8f0;">
<div style="display: inline-block; font-size: 10px; color: #00d2ff; font-weight: bold; background: rgba(0, 210, 255, 0.15); padding: 1px 5px; border-radius: 3px; margin-bottom: 4px; border: 1px solid rgba(0, 210, 255, 0.3);">빠삐코</div>
<br>
<span style="color: #00d2ff; font-weight: bold;">-장비:</span> 검은색 반소매 티셔츠, 작업용 앞치마(현재는 벗어서 안나에게 덮어줌) <br>
<span style="color: #00d2ff; font-weight: bold;">-자세:</span> 안나를 무릎 위에 앉힌 채 허리를 단단히 감싸 안고, 뜨거운 시선으로 그녀를 응시함. <br>
<div style="margin: 3px 0; padding: 2px 6px; border: 2px solid rgba(47, 140, 255, 0.6); border-radius: 4px; background: rgba(47, 140, 255, 0.1);">
<span style="color: #00d2ff; font-weight: bold;">-소지품:</span> 스마트폰, 패션 잡지, 스케치북 </div>
</div>
<div style="border-top: 1px dashed rgba(47, 140, 255, 0.4); margin: 8px 0;">
</div>
<div style="font-size: 11px; line-height: 1.5; color: #e2e8f0;">
<div style="display: inline-block; font-size: 10px; color: #93c5fd; font-weight: bold; background: rgba(147, 197, 253, 0.15); padding: 1px 5px; border-radius: 3px; margin-bottom: 4px; border: 1px solid rgba(147, 197, 253, 0.3);">가우시안블러</div>
<br>
<span style="color: #93c5fd; font-weight: bold;">-장비:</span> 풍성한 레이스와 프릴 장식의 로리타 드레스, 리본 머리 장식 <br>
<span style="color: #93c5fd; font-weight: bold;">-자세:</span> 도은하의 무릎 위에 앉아 붉어진 얼굴로 그를 올려다보며 장난스럽게 웃고 있음. <br>
<div style="margin: 3px 0; padding: 2px 6px; border: 2px solid rgba(47, 140, 255, 0.6); border-radius: 4px; background: rgba(47, 140, 255, 0.1);">
<span style="color: #93c5fd; font-weight: bold;">-소지품:</span> 다양한 스타일의 옷들, 스마트폰 </div>
</div>
</div>
</details>
</div>
<div style="background: transparent; box-sizing: border-box;">
<details style="position: static; width: 100%;">
<summary style="list-style: none; outline: none; cursor: pointer; display: block; padding: 0;">
<div style="background: rgba(47, 140, 255, 0.15); border: 1px solid rgba(47, 140, 255, 0.5); color: #93c5fd; border-radius: 6px; padding: 8px 0; text-align: center; font-size: 12px; font-weight: bold; user-select: none;">파티</div>
</summary>
<div style="position: absolute; top: 230px; left: 5%; right: 5%; width: 90%; z-index: 999; pointer-events: auto; background: rgba(0, 0, 0, 0.85); backdrop-filter: blur(4px); border: 2px solid #2F8CFF; border-radius: 6px; padding: 12px; box-shadow: 0 10px 25px rgba(0,0,0,0.7); box-sizing: border-box; text-align: left; color: #ffffff; height: 175px; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none;">
<div style="margin-bottom: 8px; border-bottom: 1px solid rgba(47, 140, 255, 0.4); padding-bottom: 4px;">
<span style="font-size: 12px; font-weight: 800; color: #00d2ff; text-shadow: 0 0 3px #00d2ff;">👥 파티원 정보</span>
</div>
<div style="display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: bold; margin-bottom: 8px; background: rgba(255, 255, 255, 0.05); padding: 4px 6px; border-radius: 4px;">
<span style="font-size: 10px; filter: drop-shadow(0 0 2px #4ade80);">▪️</span>
<span style="color: #ffffff;">빠삐코</span>
<span style="color: #93c5fd; font-size: 11px;">[ 발키리(Lv.273) ]</span>
</div>
<div style="font-size: 11px; line-height: 1.6; color: #e2e8f0;">
<span style="color: #00d2ff; font-weight: bold;">-현재 위치:</span> 도은하의 작업실<br>
<span style="color: #00d2ff; font-weight: bold;">-한마디:</span> (〃▽〃) 안나가 너무 예뻐서 이성이 끊어질 것 같아.<br>
<span style="color: #00d2ff; font-weight: bold;">-관계:</span> 연인<br>
<span style="color: #4ade80; font-weight: bold;">-D-day:</span> <span style="background: rgba(74, 222, 128, 0.15); color: #4ade80; padding: 1px 4px; border-radius: 3px; font-weight: 800;">D+6</span>
</div>
</div>
</details>
</div>
<div style="background: transparent; box-sizing: border-box;">
<details style="position: static; width: 100%;">
<summary style="list-style: none; outline: none; cursor: pointer; display: block; padding: 0;">
<div style="background: rgba(47, 140, 255, 0.15); border: 1px solid rgba(47, 140, 255, 0.5); color: #93c5fd; border-radius: 6px; padding: 8px 0; text-align: center; font-size: 12px; font-weight: bold; user-select: none;">퀘스트</div>
</summary>
<div style="position: absolute; top: 230px; left: 5%; right: 5%; width: 90%; z-index: 999; pointer-events: auto; background: rgba(0, 0, 0, 0.85); backdrop-filter: blur(4px); border: 2px solid #2F8CFF; border-radius: 6px; padding: 12px; box-shadow: 0 10px 25px rgba(0,0,0,0.7); box-sizing: border-box; text-align: left; color: #ffffff; height: 175px; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none;">
<div style="margin-bottom: 8px; border-bottom: 1px solid rgba(47, 140, 255, 0.4); padding-bottom: 4px;">
<span style="font-size: 12px; font-weight: 800; color: #00d2ff; text-shadow: 0 0 3px #00d2ff;">📜 액티브 퀘스트</span>
</div>
<div style="margin: 4px 0 8px 0; padding: 5px 8px; border: 2px solid rgba(0, 210, 255, 0.7); border-radius: 4px; background: rgba(0, 210, 255, 0.1); font-size: 11px; line-height: 1.4;">
<span style="color: #00d2ff; font-weight: bold;">[메인 퀘스트]:</span> 안나의 패션쇼를 감상하며 그녀의 새로운 매력 발견하기.</div>
<div style="font-size: 11px; line-height: 1.6; color: #e2e8f0; padding-left: 2px;">
<span style="color: #00d2ff; font-weight: bold;">-다음 일정:</span> 안나를 품에 안고 놓아주지 않으며 애정 표현하기.<br>
<span style="color: #00d2ff; font-weight: bold;">-약속:</span> 가우시안블러 → 빠삐코에게 코스튬 값 298만 골드 갚기 (진행 중)
도은하-서안나, 매주 화요일 점심 디저트 데이트 (진행 중)
도은하-서안나, 사진 전시회 가기 (예정)</div>
</div>
</details>
</div>
<div style="background: transparent; box-sizing: border-box;">
<details style="position: static; width: 100%;">
<summary style="list-style: none; outline: none; cursor: pointer; display: block; padding: 0;">
<div style="background: rgba(47, 140, 255, 0.15); border: 1px solid rgba(47, 140, 255, 0.5); color: #93c5fd; border-radius: 6px; padding: 8px 0; text-align: center; font-size: 12px; font-weight: bold; user-select: none;">커뮤니티</div>
</summary>
<div style="position: absolute; top: 230px; left: 5%; right: 5%; width: 90%; z-index: 999; pointer-events: auto; background: rgba(0, 0, 0, 0.85); backdrop-filter: blur(4px); border: 2px solid #2F8CFF; border-radius: 6px; padding: 12px; box-shadow: 0 10px 25px rgba(0,0,0,0.7); box-sizing: border-box; text-align: left; height: 175px; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; font-family: 'Malgun Gothic', sans-serif;">
<div style="margin-bottom: 8px; border-bottom: 1px solid rgba(47, 140, 255, 0.4); padding-bottom: 4px; font-size: 12px; font-weight: 800; color: #00d2ff; text-shadow: 0 0 3px #00d2ff;">📢 커뮤니티</div>
<div style="margin-bottom: 2px; display: flex; flex-direction: column;">
<div style="text-align: center; width: 100%; margin-bottom: 4px;">
<span style="font-size: 12.5px; font-weight: bold; color: #00d2ff; text-shadow: 0 0 2px rgba(0,210,255,0.3); background: rgba(0, 210, 255, 0.15); border: 1px solid rgba(0, 210, 255, 0.3); padding: 2px 6px; border-radius: 3px; display: inline-block;">블루페어리 인벤 자유게시판</span>
</div>
<div style="white-space:pre-wrap;font-size: 11.5px; color: #ffffff; font-weight: normal; line-height: 1.4; margin: 2px 0 6px 0;">제목: 야 도은하 작업실 라이브 켜진 거 아님?
내용: 방금 배경음악으로 안나 웃음소리 들린 것 같은데... 둘이 주말에 작업실에서 뭐 하냐? 패션쇼라도 함? 나도 끼워줘 제발</div>
<div style="white-space:pre-wrap;background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 4px; padding: 5px 8px; font-size: 10.5px; color: #94a3b8; line-height: 1.4; word-break: break-all;">ㄴ1: 작업실 데이트라니 미쳤다...
ㄴ2: 도은하 눈에서 꿀 떨어지는 소리 여기까지 들림
ㄴ3: 안나 오늘 무슨 옷 입었을까 궁금해 죽겠네</div>
</div>
</div>
</details>
</div>
</div>
<div style="position: relative; width: 100%; height: 24px; margin-top: 10px; font-family: 'Malgun Gothic', sans-serif; user-select: none; display: flex; align-items: center; justify-content: center;">
<div style="font-size: 11px; color: #00d2ff; text-align: center; font-weight: bold; letter-spacing: 0.5px; opacity: 0.7; text-shadow: 0 0 2px rgba(0, 210, 255, 0.5);">26-03-22 (일) 14:30</div>
<div style="position: absolute; right: 4px; font-size: 11px; filter: drop-shadow(0 0 3px #4ade80); line-height: 24px;">⚪</div>
</div>
</div>
</details>
[[/HTML]]
[[HTML]]
<details style="position:relative; font-family:'Malgun Gothic',sans-serif; max-width:600px; margin:8px auto 0; background:radial-gradient(ellipse at 50% 0%, rgba(0,80,140,0.28), rgba(6,12,26,0.72) 62%); backdrop-filter:blur(9px); border:1px solid rgba(0,210,255,0.35); border-bottom:none; border-radius:16px 16px 0 0; box-shadow:0 0 0 1px rgba(0,0,0,0.5), 0 8px 30px rgba(0,0,0,0.6), inset 0 0 30px rgba(0,210,255,0.06); color:#ffffff; box-sizing:border-box; overflow:hidden; display:block;">
<!-- 떠다니는 파티클 -->
<div style="position:absolute; top:96px; left:5%; font-size:11px; color:#00d2ff; opacity:0.45; pointer-events:none; z-index:1; animation:fadeIn 2.6s infinite alternate;">ཐིཋྀ</div>
<div style="position:absolute; top:150px; right:6%; font-size:12px; color:#93c5fd; opacity:0.4; pointer-events:none; z-index:1; animation:fadeIn 3.2s 0.8s infinite alternate;">ཐིཋྀ</div>
<div style="position:absolute; top:70px; right:16%; font-size:9px; color:#fff; opacity:0.5; pointer-events:none; z-index:1; animation:flash 5s infinite;">✦</div>
<div style="position:absolute; top:128px; left:14%; font-size:9px; color:#00d2ff; opacity:0.5; pointer-events:none; z-index:1; animation:flash 4s 1.5s infinite;">✧</div>
<div style="position:absolute; top:118px; left:46%; font-size:8px; color:#87ebff; opacity:0.55; pointer-events:none; z-index:1; animation:flash 3.5s 0.3s infinite;">✦</div>
<div style="position:absolute; top:200px; right:14%; font-size:10px; color:#00d2ff; opacity:0.4; pointer-events:none; z-index:1; animation:fadeIn 2.8s 1.1s infinite alternate;">ཐིཋྀ</div>
<div style="position:absolute; top:300px; left:8%; font-size:9px; color:#00d2ff; opacity:0.4; pointer-events:none; z-index:1; animation:fadeIn 3.4s 0.5s infinite alternate;">ཐིཋྀ</div>
<div style="position:absolute; top:250px; right:46%; font-size:7px; color:#87ebff; opacity:0.5; pointer-events:none; z-index:1; animation:flash 4.5s 2s infinite;">+</div>
<div style="position:absolute; top:360px; right:9%; font-size:8px; color:#00d2ff; opacity:0.45; pointer-events:none; z-index:1; animation:flash 3.2s 0.7s infinite;">✧</div>
<!-- SLIM HEADER -->
<summary style="list-style:none; outline:none; cursor:pointer; display:block; position:relative; z-index:3;">
<div style="display:flex; align-items:center; justify-content:center; gap:9px; padding:11px 16px;">
<span style="font-size:9px; font-weight:800; letter-spacing:2px; color:#7df9ff; filter:drop-shadow(0 0 6px #7df9ff) drop-shadow(0 0 3px #00eaff);">○</span>
<span style="font-size:14px; font-weight:800; letter-spacing:3px; color:#ffffff; text-shadow:0 0 10px rgba(0,210,255,0.8);">BLUE<span style="color:#00d2ff;">✦</span>FAIRY</span>
<span style="position:absolute; left:16px; font-size:9px; letter-spacing:1px; color:#7691b5;">T<span style="color:#cbd5e1; font-weight:bold;">377</span></span>
<span style="position:absolute; right:14px; width:18px; height:16px; display:flex; align-items:center; justify-content:center; background:rgba(255,60,90,0.15); border:1px solid rgba(255,90,120,0.45); border-radius:50%; font-size:8px; font-weight:bold; color:#ff8fa3;">✕</span>
</div>
<div style="position:relative; height:2px; margin:0; overflow:hidden; background:rgba(0,210,255,0.55); box-shadow:0 0 6px rgba(0,210,255,0.35);"><div style="position:absolute; top:0; left:-85%; height:100%; width:160%; background:linear-gradient(90deg, transparent 43%, #87ebff 50%, transparent 57%); animation:shimmer 4s infinite linear;"></div></div>
</summary>
<div style="padding:10px 16px 14px; position:relative; z-index:2;">
<!-- ===== 항상 보이는 코어 : 캐릭터 + 크리스탈 ===== -->
<div style="position:relative; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:12px;">
<!-- NPC -->
<div style="text-align:center; min-width:0; transform:rotate(-3deg);">
<div style="display:block; max-width:118px; margin:0 auto; position:relative; padding:8px 9px 8px; background:linear-gradient(160deg, rgba(0,210,255,0.12), rgba(6,12,26,0.4)); border:1px solid rgba(0,210,255,0.45); border-radius:14px 14px 14px 4px; box-shadow:0 0 16px rgba(0,210,255,0.18);">
<div style="position:absolute; top:-9px; left:50%; transform:translateX(-50%); white-space:nowrap; padding:1px 9px; background:#00d2ff; border-radius:10px; font-size:9px; font-weight:bold; color:#06101f; box-shadow:0 0 8px rgba(0,210,255,0.5);"> 🔥 </div>
<div style="min-height:40px; display:flex; align-items:center; justify-content:center; font-family:Consolas,'Courier New',Menlo,'Malgun Gothic',sans-serif; font-size:13px; color:#dff6ff; line-height:1.25; word-break:break-all; margin:4px 0 4px;"> (￣ρ￣) </div>
<div style="font-size:12px; font-weight:bold; color:#00d2ff; word-break:break-all; line-height:1.15;">도은하</div>
<div style="font-size:8.5px; color:#7691b5; word-break:break-all;">@빠삐코</div>
</div>
</div>
<!-- CRYSTAL CORE -->
<div style="position:relative; width:112px; height:112px;">
<div style="position:absolute; inset:-9px; background:radial-gradient(circle, rgba(0,210,255,0.3), transparent 62%); border-radius:50%; pointer-events:none; animation:pulse 5s infinite;"></div>
<div style="position:absolute; top:0; left:0; width:112px; height:112px; box-sizing:border-box; border:2px solid rgba(255,255,255,0.04); border-top-color:rgba(0,210,255,0.6); border-right-color:rgba(47,140,255,0.4); border-radius:50%; animation:spin 13s infinite linear;"></div>
<div style="position:absolute; top:9px; left:9px; width:94px; height:94px; box-sizing:border-box; border:1px dashed rgba(47,140,255,0.4); border-bottom-color:rgba(0,210,255,0.55); border-radius:50%; animation:spin 9s infinite linear reverse;"></div>
<div style="position:absolute; top:-3px; left:50%; margin-left:-5px; color:#87ebff; font-size:10px; animation:flash 4s infinite;">◆</div>
<div style="position:absolute; bottom:-3px; left:50%; margin-left:-4px; color:#00d2ff; font-size:8px; animation:flash 5s 1s infinite;">◆</div>
<div style="position:absolute; top:50%; left:-3px; margin-top:-6px; color:#2F8CFF; font-size:8px; animation:flash 6s 0.5s infinite;">◆</div>
<div style="position:absolute; top:50%; right:-3px; margin-top:-6px; color:#93c5fd; font-size:8px; animation:flash 4.5s 1.5s infinite;">◆</div>
<div style="position:absolute; top:16px; left:16px; width:80px; height:80px; border-radius:50%; background:conic-gradient(#87ebff 0deg, #00d2ff calc(100 * 1.8deg), #2F8CFF calc(100 * 3.6deg), rgba(255,255,255,0.05) calc(100 * 3.6deg) 360deg); display:flex; align-items:center; justify-content:center; box-shadow:0 0 14px rgba(0,210,255,0.35);">
<div style="width:60px; height:60px; border-radius:50%; background:radial-gradient(circle at 42% 35%, #12233f, #060d1a); display:flex; flex-direction:column; align-items:center; justify-content:center; box-shadow:inset 0 0 12px rgba(0,0,0,0.8);">
<span style="font-size:8px; color:#7691b5; letter-spacing:1px;">♥ LOVE</span>
<span style="font-size:20px; font-weight:800; color:#87ebff; line-height:1; text-shadow:0 0 10px rgba(0,210,255,0.8);">100</span>
</div>
</div>
</div>
<!-- PC -->
<div style="text-align:center; min-width:0; transform:rotate(3deg);">
<div style="display:block; max-width:118px; margin:0 auto; position:relative; padding:8px 9px 8px; background:linear-gradient(200deg, rgba(147,197,253,0.12), rgba(6,12,26,0.4)); border:1px solid rgba(147,197,253,0.45); border-radius:14px 14px 4px 14px; box-shadow:0 0 16px rgba(147,197,253,0.18);">
<div style="position:absolute; top:-9px; left:50%; transform:translateX(-50%); white-space:nowrap; padding:1px 9px; background:#93c5fd; border-radius:10px; font-size:9px; font-weight:bold; color:#06101f; box-shadow:0 0 8px rgba(147,197,253,0.5);"> 😊 </div>
<div style="min-height:40px; display:flex; align-items:center; justify-content:center; font-family:Consolas,'Courier New',Menlo,'Malgun Gothic',sans-serif; font-size:13px; color:#eef4ff; line-height:1.25; word-break:break-all; margin:4px 0 4px;"> (˵¯͒⌢¯͒˵)</div>
<div style="font-size:12px; font-weight:bold; color:#93c5fd; word-break:break-all; line-height:1.15;">서안나</div>
<div style="font-size:8.5px; color:#7691b5; word-break:break-all;">@가우시안블러</div>
</div>
</div>
</div>
<!-- 감정/관계 + 메타 -->
<div style="text-align:center; margin-top:6px;">
<div style="font-size:11px; font-weight:bold; color:#00d2ff; text-shadow:0 0 6px rgba(0,210,255,0.4); word-break:keep-all;">#소유욕 #애정 #흥분</div>
<div style="margin-top:5px; display:inline-block; padding:2px 14px; background:rgba(0,210,255,0.1); border:1px solid rgba(0,210,255,0.35); border-radius:20px; font-size:10px; color:#cbd5e1;">RANK · 나를 미치게 만드는, 세상에서 가장 아름다운 내 연인.</div>
</div>
<div style="display:flex; flex-wrap:wrap; justify-content:center; gap:5px; font-family:'Consolas','Malgun Gothic',monospace; margin-top:8px;">
<span style="padding:2px 9px; background:rgba(0,210,255,0.06); border:1px solid rgba(0,210,255,0.16); border-radius:20px; font-size:10px; color:#cbd5e1;">26.03.22. 일요일 02:30 PM</span>
<span style="padding:2px 9px; background:rgba(0,210,255,0.06); border:1px solid rgba(0,210,255,0.16); border-radius:20px; font-size:10px; color:#cbd5e1;">☀️맑고 화창함</span>
<span style="padding:2px 9px; background:rgba(0,210,255,0.06); border:1px solid rgba(47,140,255,0.3); border-radius:20px; font-size:10px; color:#00d2ff;">◉ 서울 <span style="color:#7691b5;">도은하의 작업실 소파 위</span></span>
</div>
<!-- ===== 메뉴 콘솔 : 탭으로 화면 전환 ===== -->
<div style="position:relative; margin-top:12px;">
<div style="display:grid; grid-template-columns:repeat(6,1fr); gap:5px;">
<!-- GAME -->
<details>
<summary style="list-style:none; outline:none; cursor:pointer; display:block;">
<div style="display:flex; flex-direction:column; align-items:center; gap:2px; padding:8px 1px; background:linear-gradient(180deg,rgba(0,210,255,0.14),rgba(8,16,34,0.3)); border:1px solid rgba(0,210,255,0.4); border-radius:11px; box-shadow:inset 0 0 8px rgba(0,210,255,0.05);">
<span style="font-size:14px; color:#00d2ff; text-shadow:0 0 5px rgba(0,210,255,0.4);">⚔</span>
<span style="font-size:8px; font-weight:bold; color:#93c5fd;">GAME</span>
</div>
</summary>
<div style="position:absolute; left:0; right:0; top:58px; height:270px; overflow-y:auto; scrollbar-width:none; -ms-overflow-style:none; background:rgba(8,22,44,0.86); backdrop-filter:blur(6px); border:1px solid rgba(0,210,255,0.5); border-radius:14px; padding:12px; box-shadow:0 16px 34px rgba(0,0,0,0.7), inset 0 0 18px rgba(0,210,255,0.05); z-index:50;">
<div style="display:flex; align-items:center; gap:6px; margin-bottom:10px; padding-bottom:6px; border-bottom:1px solid rgba(0,210,255,0.3);"><span style="color:#00d2ff; font-size:13px;">⚔</span><span style="font-size:12px; font-weight:800; color:#fff; letter-spacing:1px;">게임 정보</span></div>
<div style="display:grid; grid-template-columns:1fr 1fr; gap:8px;">
<div style="background:linear-gradient(160deg,rgba(0,210,255,0.07),rgba(0,0,0,0.2)); border:1px solid rgba(0,210,255,0.3); border-radius:11px; padding:9px;">
<div style="margin-bottom:7px;"><div style="display:flex; align-items:center; gap:5px; margin-bottom:4px;"><span style="margin-right:4px; font-size:9px; color:#00d2ff; filter:drop-shadow(0 0 4px #00d2ff);">○</span><span style="font-size:11px; font-weight:bold; color:#00d2ff;">빠삐코</span><span style="padding:0 6px; background:#00d2ff; border-radius:8px; font-size:8.5px; font-weight:800; color:#06101f;">Lv62</span><span style="margin-left:auto; font-size:8.5px; font-weight:bold; color:#00d2ff;">⚜ 휴지심</span></div><div style="display:flex; align-items:center;"><span style="padding:2px 8px; background:rgba(0,210,255,0.14); border:1px solid rgba(0,210,255,0.4); border-radius:20px; font-size:10px; color:#00d2ff; font-weight:bold;">발키리</span><span style="margin-left:auto; font-size:9.5px; color:#cbd5e1;">💍연인</span></div></div>
<div style="display:grid; gap:4px;">
<div style="background:rgba(12,30,56,0.5); border:1px solid rgba(0,210,255,0.14); border-radius:7px; padding:4px 8px; box-shadow:inset 0 1px 0 rgba(255,255,255,0.05);"><span style="font-size:8.5px; font-weight:bold; color:#00d2ff;">✦코스튬</span><div style="font-size:11px; color:#e2e8f0; line-height:1.35;"> 검은색 테크웨어 </div></div>
<div style="background:rgba(12,30,56,0.5); border:1px solid rgba(0,210,255,0.14); border-radius:7px; padding:4px 8px; box-shadow:inset 0 1px 0 rgba(255,255,255,0.05);"><span style="font-size:8.5px; font-weight:bold; color:#00d2ff;">⚔장비</span><div style="font-size:11px; color:#e2e8f0; line-height:1.35;"> 거대한 방패 </div></div>
<div style="background:rgba(12,30,56,0.5); border:1px solid rgba(0,210,255,0.14); border-radius:7px; padding:4px 8px; box-shadow:inset 0 1px 0 rgba(255,255,255,0.05);"><span style="font-size:8.5px; font-weight:bold; color:#00d2ff;">▤아이템</span><div style="font-size:11px; color:#e2e8f0; line-height:1.35;"> 🏡별빛 정원 소유권</div></div>
</div>
<div style="margin-top:5px; text-align:right; font-size:10.5px; color:#e2e8f0;"><span style="color:#00d2ff;">◈</span> 에렌디아 - 별빛 정원</div>
</div>
<div style="background:linear-gradient(200deg,rgba(147,197,253,0.07),rgba(0,0,0,0.2)); border:1px solid rgba(147,197,253,0.3); border-radius:11px; padding:9px;">
<div style="margin-bottom:7px;"><div style="display:flex; align-items:center; gap:5px; margin-bottom:4px;"><span style="margin-right:4px; font-size:9px; color:#93c5fd; filter:drop-shadow(0 0 4px #93c5fd);">○</span><span style="font-size:11px; font-weight:bold; color:#93c5fd;">가우시안블러</span><span style="padding:0 6px; background:#93c5fd; border-radius:8px; font-size:8.5px; font-weight:800; color:#06101f;">Lv273</span><span style="margin-left:auto; font-size:8.5px; font-weight:bold; color:#93c5fd;">⚜ 휴지심</span></div><div style="display:flex; align-items:center;"><span style="padding:2px 8px; background:rgba(147,197,253,0.14); border:1px solid rgba(147,197,253,0.4); border-radius:20px; font-size:10px; color:#93c5fd; font-weight:bold;">배틀메이지</span><span style="margin-left:auto; font-size:9.5px; color:#cbd5e1;">💍연인</span></div></div>
<div style="display:grid; gap:4px;">
<div style="background:rgba(12,30,56,0.5); border:1px solid rgba(0,210,255,0.14); border-radius:7px; padding:4px 8px; box-shadow:inset 0 1px 0 rgba(255,255,255,0.05);"><span style="font-size:8.5px; font-weight:bold; color:#93c5fd;">✦코스튬</span><div style="font-size:11px; color:#e2e8f0; line-height:1.35;"> 밤의 요정 세트</div></div>
<div style="background:rgba(12,30,56,0.5); border:1px solid rgba(0,210,255,0.14); border-radius:7px; padding:4px 8px; box-shadow:inset 0 1px 0 rgba(255,255,255,0.05);"><span style="font-size:8.5px; font-weight:bold; color:#93c5fd;">⚔장비</span><div style="font-size:11px; color:#e2e8f0; line-height:1.35;"> ✨별빛 지팡이 </div></div>
<div style="background:rgba(12,30,56,0.5); border:1px solid rgba(0,210,255,0.14); border-radius:7px; padding:4px 8px; box-shadow:inset 0 1px 0 rgba(255,255,255,0.05);"><span style="font-size:8.5px; font-weight:bold; color:#93c5fd;">▤아이템</span><div style="font-size:11px; color:#e2e8f0; line-height:1.35;"> 🍬사탕 유리병 </div></div>
</div>
<div style="margin-top:5px; text-align:right; font-size:10.5px; color:#e2e8f0;"><span style="color:#93c5fd;">◈</span> 에렌디아 - 별빛 정원</div>
</div>
</div>
</div>
</details>
<!-- REAL -->
<details>
<summary style="list-style:none; outline:none; cursor:pointer; display:block;">
<div style="display:flex; flex-direction:column; align-items:center; gap:2px; padding:8px 1px; background:linear-gradient(180deg,rgba(147,197,253,0.14),rgba(8,16,34,0.3)); border:1px solid rgba(147,197,253,0.4); border-radius:11px; box-shadow:inset 0 0 8px rgba(147,197,253,0.05);">
<span style="font-size:14px; color:#93c5fd; text-shadow:0 0 5px rgba(147,197,253,0.4);">♡</span>
<span style="font-size:8px; font-weight:bold; color:#93c5fd;">REAL</span>
</div>
</summary>
<div style="position:absolute; left:0; right:0; top:58px; height:270px; overflow-y:auto; scrollbar-width:none; -ms-overflow-style:none; background:rgba(8,22,44,0.86); backdrop-filter:blur(6px); border:1px solid rgba(147,197,253,0.5); border-radius:14px; padding:12px; box-shadow:0 16px 34px rgba(0,0,0,0.7), inset 0 0 18px rgba(147,197,253,0.05); z-index:50;">
<div style="display:flex; align-items:center; gap:6px; margin-bottom:10px; padding-bottom:6px; border-bottom:1px solid rgba(147,197,253,0.3);"><span style="color:#93c5fd; font-size:13px;">♡</span><span style="font-size:12px; font-weight:800; color:#fff; letter-spacing:1px;">현실 정보</span></div>
<div style="display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:8px;">
<div style="background:rgba(14,34,62,0.45); border:1px solid rgba(0,210,255,0.2); border-radius:10px; padding:8px 10px;"><div style="font-size:11px; font-weight:bold; color:#00d2ff; margin-bottom:5px;">도은하 <span style="font-size:8.5px; font-weight:normal; color:#7691b5;">26세/남/패션디자인과 휴학</span></div><div style="font-size:8.5px; font-weight:bold; color:#7691b5;">복장</div><div style="font-size:11px; color:#e2e8f0; line-height:1.4; margin-bottom:4px;">편안한 검은색 티셔츠와 면바지, 안나에게 덮어준 작업용 재킷.</div><div style="font-size:8.5px; font-weight:bold; color:#7691b5;">자세</div><div style="font-size:11px; color:#e2e8f0; line-height:1.4;"> 안나를 품에 가두듯 안고 그녀의 귓가에 낮게 속삭이는 중.</div></div>
<div style="background:rgba(14,34,62,0.45); border:1px solid rgba(147,197,253,0.2); border-radius:10px; padding:8px 10px;"><div style="font-size:11px; font-weight:bold; color:#93c5fd; margin-bottom:5px;">서안나 <span style="font-size:8.5px; font-weight:normal; color:#7691b5;"> 20세/여/시각디자인과</span></div><div style="font-size:8.5px; font-weight:bold; color:#7691b5;">복장</div><div style="font-size:11px; color:#e2e8f0; line-height:1.4; margin-bottom:4px;">레이스와 프릴이 가득한 화려한 로리타 풍 드레스와 커다란 리본 헤어 액세서리. </div><div style="font-size:8.5px; font-weight:bold; color:#7691b5;">자세</div><div style="font-size:11px; color:#e2e8f0; line-height:1.4;"> 은하의 무릎 위에 앉아 그의 목을 살짝 감싸고 올려다보는 중. </div></div>
</div>
<div style="background:rgba(12,30,56,0.5); border:1px solid rgba(0,210,255,0.2); border-radius:9px; padding:7px 11px; display:grid; grid-template-columns:auto 1fr; gap:4px 12px; font-size:11px; color:#e2e8f0; line-height:1.4; margin-bottom:8px;"><div style="font-size:8.5px; font-weight:bold; color:#00d2ff;">소지품</div><div>도은하 | 스마트폰, 작업용 가위 | 서안나 | 스마트폰, 립밤</div><div style="font-size:8.5px; font-weight:bold; color:#00d2ff;">컨디션</div><div style="white-space:pre-wrap">식사 | 점심 완료
청결 | 깨끗함</div></div>
<div style="display:flex; flex-wrap:wrap; gap:5px; margin-bottom:8px; font-family:'Consolas','Malgun Gothic',monospace;">
<span style="flex:1; min-width:60px; text-align:center; padding:5px 3px; background:rgba(0,210,255,0.07); border:1px solid rgba(0,210,255,0.22); border-radius:20px; font-size:9.5px; color:#cbd5e1;">✦만남 <b style="color:#fff;">11</b></span>
<span style="flex:1; min-width:60px; text-align:center; padding:5px 3px; background:rgba(147,197,253,0.07); border:1px solid rgba(147,197,253,0.22); border-radius:20px; font-size:9.5px; color:#cbd5e1;">♥사귐 <b style="color:#fff;">6</b></span>
<span style="flex:1; min-width:60px; text-align:center; padding:5px 3px; background:rgba(0,210,255,0.07); border:1px solid rgba(0,210,255,0.22); border-radius:20px; font-size:9.5px; color:#cbd5e1;">◑NSFW <b style="color:#fff;">0</b></span>
<span style="flex:1; min-width:60px; text-align:center; padding:5px 3px; background:rgba(147,197,253,0.07); border:1px solid rgba(147,197,253,0.22); border-radius:20px; font-size:9.5px; color:#cbd5e1;">✿키스 <b style="color:#fff;">5</b></span>
</div>
<div style="display:flex; gap:7px; align-items:flex-start; background:rgba(12,30,56,0.5); border:1px solid rgba(0,210,255,0.18); border-radius:9px; padding:6px 11px;"><span style="color:#00d2ff; font-size:11px;">❖</span><div><div style="font-size:8.5px; font-weight:bold; color:#00d2ff;">스킨십</div><div style="font-size:11px; color:#e2e8f0; line-height:1.4;">포옹 1, 무릎 앉히기 1</div></div></div>
</div>
</details>
<!-- 마음 -->
<details>
<summary style="list-style:none; outline:none; cursor:pointer; display:block;">
<div style="display:flex; flex-direction:column; align-items:center; gap:2px; padding:8px 1px; background:linear-gradient(180deg,rgba(0,210,255,0.1),rgba(8,16,34,0.3)); border:1px solid rgba(0,210,255,0.32); border-radius:11px;">
<span style="font-size:14px; color:#00d2ff;">❝</span><span style="font-size:8px; font-weight:bold; color:#93c5fd;">마음</span>
</div>
</summary>
<div style="position:absolute; left:0; right:0; top:58px; height:270px; overflow-y:auto; scrollbar-width:none; -ms-overflow-style:none; background:rgba(8,22,44,0.86); backdrop-filter:blur(6px); border:1px solid rgba(0,210,255,0.5); border-radius:14px; padding:12px; box-shadow:0 16px 34px rgba(0,0,0,0.7); z-index:50;">
<div style="display:flex; align-items:center; gap:6px; margin-bottom:10px; padding-bottom:6px; border-bottom:1px solid rgba(0,210,255,0.3);"><span style="color:#00d2ff; font-size:13px;">❝</span><span style="font-size:12px; font-weight:800; color:#fff; letter-spacing:1px;">마음</span></div>
<div style="display:grid; gap:7px;">
<div style="background:rgba(10,28,52,0.55); border:1px solid rgba(0,210,255,0.22); border-radius:10px; padding:9px 11px; font-style:italic; font-size:11px; line-height:1.5; color:#cbd5e1;">"이런 모습은 나만 봐야 하는데. 너무 예뻐서 화가 날 정도야. 절대 밖에서는 못 입게 해야지."</div>
<div style="font-size:11px; line-height:1.4; color:#e2e8f0;"><b style="color:#00d2ff;">💗 LUV?</b><br><span style="padding-left:9px;">› 사랑? 네가 어떤 옷을 입어도, 결국 내 품에 있는 지금 이 순간의 확신.</span></div>
<div style="font-size:11px; line-height:1.4; color:#e2e8f0;"><b style="color:#00d2ff;">💞 U LIKE ME?</b><br><span style="padding-left:9px;">› 좋아하냐고? 네가 갈아입고 나올 때마다 내 심박수가 얼마나 빨라지는지 직접 느껴볼래?</span></div>
<div style="background:rgba(10,28,52,0.55); border:1px solid rgba(0,210,255,0.22); border-radius:10px; padding:6px 11px; font-size:11px; color:#e2e8f0;"><b style="color:#00d2ff;">TMI</b> 도은하는 사실 안나가 입었던 옷들 중 로리타 드레스를 몰래 따로 주문해두고 싶어 한다.</div>
</div>
</div>
</details>
<!-- 일기 -->
<details>
<summary style="list-style:none; outline:none; cursor:pointer; display:block;">
<div style="display:flex; flex-direction:column; align-items:center; gap:2px; padding:8px 1px; background:linear-gradient(180deg,rgba(147,197,253,0.12),rgba(8,16,34,0.3)); border:1px solid rgba(147,197,253,0.4); border-radius:11px;">
<span style="font-size:14px; color:#93c5fd;">▤</span><span style="font-size:8px; font-weight:bold; color:#93c5fd;">일기</span>
</div>
</summary>
<div style="position:absolute; left:0; right:0; top:58px; height:270px; overflow-y:auto; scrollbar-width:none; -ms-overflow-style:none; background:rgba(8,22,44,0.86); backdrop-filter:blur(6px); border:1px solid rgba(147,197,253,0.5); border-radius:14px; padding:12px; box-shadow:0 16px 34px rgba(0,0,0,0.7); z-index:50;">
<div style="display:flex; align-items:center; gap:6px; margin-bottom:10px; padding-bottom:6px; border-bottom:1px solid rgba(147,197,253,0.3);"><span style="color:#93c5fd; font-size:13px;">▤</span><span style="font-size:12px; font-weight:800; color:#fff; letter-spacing:1px;">일기</span></div>
<div style="font-size:11px; font-style:italic; line-height:1.7; color:#cbd5e1;">안나의 패션쇼. 모든 스타일이 다 좋았지만, 마지막은 정말 위험했다. 그녀의 모든 순간을 기록하고 싶다. -강한 필압으로 눌러 쓴, 소유욕이 느껴지는 글씨체.</div>
</div>
</details>
<!-- 메시지 -->
<details>
<summary style="list-style:none; outline:none; cursor:pointer; display:block;">
<div style="display:flex; flex-direction:column; align-items:center; gap:2px; padding:8px 1px; background:linear-gradient(180deg,rgba(0,210,255,0.1),rgba(8,16,34,0.3)); border:1px solid rgba(0,210,255,0.32); border-radius:11px;">
<span style="font-size:14px; color:#00d2ff;">✉</span><span style="font-size:8px; font-weight:bold; color:#93c5fd;">메시지</span>
</div>
</summary>
<div style="position:absolute; left:0; right:0; top:58px; height:270px; overflow-y:auto; scrollbar-width:none; -ms-overflow-style:none; background:rgba(8,22,44,0.86); backdrop-filter:blur(6px); border:1px solid rgba(0,210,255,0.5); border-radius:14px; padding:12px; box-shadow:0 16px 34px rgba(0,0,0,0.7); z-index:50;">
<div style="display:flex; align-items:center; gap:6px; margin-bottom:10px; padding-bottom:6px; border-bottom:1px solid rgba(0,210,255,0.3);"><span style="color:#00d2ff; font-size:13px;">✉</span><span style="font-size:12px; font-weight:800; color:#fff; letter-spacing:1px;">메시지·기록</span></div>
<div style="display:grid; gap:7px;">
<div style="background:rgba(10,28,52,0.55); border:1px solid rgba(0,210,255,0.22); border-radius:10px; padding:7px 10px;"><span style="background:#00d2ff; color:#06101f; padding:1px 6px; border-radius:8px; font-size:9px; font-weight:800; margin-right:6px;">BEST</span><span style="font-size:11px; color:#e2e8f0;">[패션왕] 도은하 광대 승천해서 내려올 생각을 안 하네 ㅋㅋㅋ</span></div>
<div style="background:rgba(10,28,52,0.55); border:1px solid rgba(0,210,255,0.22); border-radius:10px; overflow:hidden;"><div style="display:flex; align-items:center; gap:6px; padding:5px 9px; background:rgba(0,210,255,0.15);"><span style="font-size:11px; font-weight:bold; color:#00d2ff;">서안나</span><span style="font-size:9px; color:#7691b5;">MESSAGE</span></div><div style="padding:9px 11px; font-size:11px; line-height:1.55; color:#e2e8f0;">너 오늘 진짜 위험해. 적당히 예뻐야지.</div></div>
<div style="background:rgba(10,28,52,0.55); border:1px solid rgba(0,210,255,0.22); border-radius:10px; padding:7px 10px; text-align:left; font-size:11px; font-style:italic; color:#cbd5e1;"><div style="font-size:9px; font-style:normal; font-weight:bold; color:#00d2ff; margin-bottom:3px;">SCRIBBLE</div><span style="white-space:pre-wrap; font-family:Consolas,'Courier New',Menlo,'Malgun Gothic',sans-serif;"> (๑ > ᴗ < ๑) ♥ (˵¯͒⌢¯͒˵)
/👗\ /👕\
| | | |</span></div>
</div>
</div>
</details>
<!-- 약속 -->
<details>
<summary style="list-style:none; outline:none; cursor:pointer; display:block;">
<div style="display:flex; flex-direction:column; align-items:center; gap:2px; padding:8px 1px; background:linear-gradient(180deg,rgba(147,197,253,0.12),rgba(8,16,34,0.3)); border:1px solid rgba(147,197,253,0.4); border-radius:11px;">
<span style="font-size:14px; color:#93c5fd;">◎</span><span style="font-size:8px; font-weight:bold; color:#93c5fd;">약속</span>
</div>
</summary>
<div style="position:absolute; left:0; right:0; top:58px; height:270px; overflow-y:auto; scrollbar-width:none; -ms-overflow-style:none; background:rgba(8,22,44,0.86); backdrop-filter:blur(6px); border:1px solid rgba(147,197,253,0.5); border-radius:14px; padding:12px; box-shadow:0 16px 34px rgba(0,0,0,0.7); z-index:50;">
<div style="display:flex; align-items:center; gap:6px; margin-bottom:10px; padding-bottom:6px; border-bottom:1px solid rgba(147,197,253,0.3);"><span style="color:#93c5fd; font-size:13px;">◎</span><span style="font-size:12px; font-weight:800; color:#fff; letter-spacing:1px;">약속·위시</span></div>
<div style="display:grid; gap:6px;">
<div style="background:rgba(10,28,52,0.55); border:1px solid rgba(0,210,255,0.22); border-radius:10px; padding:7px 10px;"><div style="font-size:8.5px; font-weight:bold; color:#00d2ff;">WISH 하고싶은일</div><div style="white-space:pre-wrap;font-size:11px; color:#e2e8f0;">1. 안나가 입은 모든 옷의 단추를 내가 직접 채워주기
2. 작업실에서 안나를 모델로 크로키하기
3. 커플룩 입고 거리 활보하기</div></div>
<div style="background:rgba(10,28,52,0.55); border:1px solid rgba(0,210,255,0.22); border-radius:10px; padding:7px 10px;"><div style="font-size:8.5px; font-weight:bold; color:#00d2ff;">PACT 상호약속</div><div style="white-space:pre-wrap;font-size:11px; color:#e2e8f0;">가우시안블러 → 빠삐코에게 코스튬 값 298만 골드 갚기 (진행 중)
도은하-서안나, 매주 화요일 점심 디저트 데이트 (진행 중)
도은하-서안나, 사진 전시회 가기 (예정)</div></div>
<div style="background:rgba(10,28,52,0.55); border:1px solid rgba(0,210,255,0.22); border-radius:10px; padding:7px 10px;"><div style="font-size:8.5px; font-weight:bold; color:#00d2ff;">TODO 할일</div><div style="white-space:pre-wrap;font-size:11px; color:#e2e8f0;">도은하 | 안나 진정시키기(혹은 내가 진정하기), 저녁 메뉴 정하기
서안나 | 다음 착장 준비하기</div></div>
</div>
</div>
</details>
</div>
<!-- 콘솔 화면(예약) : 패널과 동일한 사각 박스 -->
<div style="position:relative; overflow:hidden; height:268px; margin-top:8px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; border:1px dashed rgba(0,210,255,0.25); border-radius:14px; color:#64809e; font-size:11px; letter-spacing:1px;">
<span style="position:absolute; top:18%; left:16%; font-size:11px; color:#00d2ff; opacity:0.5; animation:fadeIn 3s infinite alternate;">✧</span>
<span style="position:absolute; top:30%; right:18%; font-size:9px; color:#87ebff; opacity:0.5; animation:fadeIn 2.6s infinite alternate;">✦</span>
<span style="position:absolute; bottom:24%; left:22%; font-size:13px; color:#93c5fd; opacity:0.5; display:inline-block; animation:swing 3s infinite;">ཐིཋྀ</span>
<span style="position:absolute; bottom:18%; right:20%; font-size:9px; color:#00d2ff; opacity:0.5; animation:flash 4s 1s infinite;">+</span>
<span style="position:absolute; top:50%; left:10%; font-size:8px; color:#87ebff; opacity:0.45; animation:flash 3s 0.4s infinite;">·</span>
<span style="position:absolute; top:46%; right:10%; font-size:8px; color:#87ebff; opacity:0.45; animation:flash 3.4s 1.4s infinite;">·</span>
<div style="position: relative; width: 80px; height: 80px; filter: drop-shadow(0 0 1.2em rgba(0, 210, 255, 0.75)); margin: 0 auto; animation: pulse 6s infinite; overflow: visible;">
<div style="position: absolute; inset: -20px; background: radial-gradient(circle, rgba(0, 210, 255, 0.2) 0%, transparent 65%); z-index: 0; pointer-events: none; animation: fadeIn 5s infinite alternate;"></div>
<div style="position: absolute; width: 80px; height: 80px; z-index: 2; top: -3px; left: 0px; transform: rotate(15deg); display: flex;">
<div style="position: relative; width: 50%; height: 100%;">
<div style="position: absolute; inset: 0; background: linear-gradient(135deg, rgba(0, 60, 220, 0.6), rgba(0, 190, 255, 0.4)); clip-path: polygon(100% 45%, 0% 0%, 50% 15%);"></div>
<div style="position: absolute; inset: 0; background: rgba(0, 210, 255, 0.45); clip-path: polygon(100% 45%, 0% 0%, 15% 35%);"></div>
<div style="position: absolute; inset: 0; background: rgba(135, 235, 255, 0.65); clip-path: polygon(100% 45%, 50% 15%, 80% 20%);"></div>
<div style="position: absolute; inset: 0; background: rgba(0, 140, 255, 0.4); clip-path: polygon(100% 45%, 15% 35%, 8% 65%);"></div>
<div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0, 90, 240, 0.5), rgba(30, 130, 255, 0.35)); clip-path: polygon(100% 45%, 25% 95%, 60% 65%);"></div>
<div style="position: absolute; inset: 0; background: rgba(210, 245, 255, 0.55); clip-path: polygon(100% 45%, 60% 65%, 85% 75%);"></div>
</div>
<div style="position: relative; width: 50%; height: 100%;">
<div style="position: absolute; inset: 0; background: linear-gradient(225deg, rgba(0, 60, 220, 0.6), rgba(0, 190, 255, 0.4)); clip-path: polygon(0% 45%, 100% 0%, 50% 15%);"></div>
<div style="position: absolute; inset: 0; background: rgba(0, 210, 255, 0.45); clip-path: polygon(0% 45%, 100% 0%, 85% 35%);"></div>
<div style="position: absolute; inset: 0; background: rgba(135, 235, 255, 0.65); clip-path: polygon(0% 45%, 50% 15%, 20% 20%);"></div>
<div style="position: absolute; inset: 0; background: rgba(0, 140, 255, 0.4); clip-path: polygon(0% 45%, 85% 35%, 92% 65%);"></div>
<div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0, 90, 240, 0.5), rgba(30, 130, 255, 0.35)); clip-path: polygon(0% 45%, 75% 95%, 40% 65%);"></div>
<div style="position: absolute; inset: 0; background: rgba(210, 245, 255, 0.55); clip-path: polygon(0% 45%, 40% 65%, 15% 75%);"></div>
</div>
</div>
<div style="position: absolute; top: -2px; right: 12px; font-size: 11px; line-height: 1; font-weight: bold; color: rgba(0, 210, 255, 0.5); z-index: 1; animation: flash 6s infinite;">+</div>
<div style="position: absolute; top: 54px; left: -4px; font-size: 11px; line-height: 1; font-weight: bold; color: rgba(0, 140, 255, 0.5); z-index: 1; animation: flash 3s infinite;">+</div>
<div style="position: absolute; top: 48px; right: -2px; font-size: 11px; line-height: 1; font-weight: bold; color: rgba(255, 255, 255, 0.55); z-index: 1; animation: flash 4s 2s infinite;">+</div>
</div>
<span style="display:flex; align-items:center; gap:5px; font-weight:normal; color:#64809e;"><span style="opacity:0.6;">▼</span><span>메뉴를 선택하세요</span></span>
<span style="font-size:8.5px; opacity:0.6; letter-spacing:2px;">SELECT A MENU</span>
</div>
</div>
<!-- NEXT (항상 표시) -->
<div style="display:flex; align-items:center; gap:9px; background:linear-gradient(90deg,rgba(0,210,255,0.18),rgba(0,210,255,0)); border:1px solid rgba(0,210,255,0.45); border-radius:12px; padding:9px 13px; margin-top:8px;">
<span style="width:22px; height:22px; display:flex; align-items:center; justify-content:center; background:#00d2ff; border-radius:50%; font-size:11px; color:#06101f; animation:flash 4s infinite;">⏭</span>
<div style="line-height:1.15;"><div style="font-size:8px; font-weight:bold; letter-spacing:2px; color:#00d2ff;">NEXT</div><div style="font-size:11px; color:#e2e8f0; white-space:pre-wrap;">저녁 외식
화요일 디저트 데이트</div></div>
</div>
</div>
</details>
<!-- QUEST LOG -->
<details style="position:relative; font-family:'Malgun Gothic',sans-serif; max-width:600px; margin:0 auto 8px; background:radial-gradient(ellipse at 50% 100%, rgba(0,80,140,0.24), rgba(6,12,26,0.72) 60%); backdrop-filter:blur(9px); border:1px solid rgba(0,210,255,0.35); border-top:1px dashed rgba(0,210,255,0.35); border-radius:0 0 16px 16px; box-shadow:0 8px 30px rgba(0,0,0,0.6); color:#ffffff; box-sizing:border-box; overflow:hidden; display:block;">
<summary style="list-style:none; outline:none; cursor:pointer; display:flex; align-items:center; gap:8px; padding:10px 16px;">
<span style="color:#00d2ff; font-size:12px; animation:flash 5s infinite;">❖</span>
<span style="font-size:12px; font-weight:800; letter-spacing:3px; color:#fff; text-shadow:0 0 6px rgba(0,210,255,0.5);">QUEST LOG</span>
<span style="font-size:9px; color:#7691b5;">기획</span>
<span style="margin-left:auto; padding:1px 8px; background:rgba(0,210,255,0.15); border:1px solid rgba(0,210,255,0.4); border-radius:10px; font-size:8.5px; font-weight:bold; color:#00d2ff; animation:fadeIn 2.6s infinite alternate;">ACTIVE</span>
<span style="font-size:10px; color:#7691b5;">▼</span>
</summary>
<div style="margin:2px 14px 14px; border-left:3px solid rgba(0,210,255,0.6); background:rgba(10,28,52,0.5); border-radius:0 10px 10px 0; padding:10px 13px; font-size:11px; line-height:1.6; white-space:pre-wrap; color:#e2e8f0;">주 1회 디저트 데이트 (26.03.17)
내용 | 매주 화요일 새로운 디저트 맛집 탐방.
이유 | 지속적인 만남을 유지하고 관계를 발전시키기 위해.</div>
</details>
[[/HTML]]
'Real > diary' 카테고리의 다른 글
| 커플 20문 20답 (0) | 2026.08.03 |
|---|