Ghost Chat
.st-popup{
position:fixed;bottom:80px;right:12px;z-index:500;
width:110px;cursor:pointer;
animation:stPopIn .35s ease;
filter:drop-shadow(0 4px 16px rgba(0,0,0,.5));
}
@keyframes stPopIn{from{opacity:0;transform:scale(.85) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}
.st-popup.out{animation:stPopOut .3s ease forwards;}
@keyframes stPopOut{to{opacity:0;transform:scale(.85) translateY(12px)}}
.st-popup-inner{border-radius:14px;overflow:hidden;border:2px solid var(--purple);background:var(--s1);position:relative;}
.st-popup-img{width:110px;height:148px;object-fit:cover;display:block;}
.st-popup-ph{width:110px;height:148px;display:flex;align-items:center;justify-content:center;font-size:36px;background:var(--s2);}
.st-popup-bar{position:absolute;top:0;left:0;right:0;height:2px;background:rgba(255,255,255,.2);}
.st-popup-fill{height:100%;background:var(--purple);width:0%;transition:width linear;}
.st-popup-info{padding:5px 7px;display:flex;align-items:center;justify-content:space-between;}
.st-popup-nm{font-family:var(--display);font-size:12px;letter-spacing:1px;color:var(--text);}
.st-popup-close{width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.1);border:none;color:var(--dim);font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.st-popup-close:hover{background:rgba(255,83,112,.2);color:var(--red);}
.st-popup-hint{font-family:var(--mono);font-size:7px;color:var(--purple);letter-spacing:1px;text-align:center;padding:0 7px 5px;}
GHOST
// chat · voice · media · stories
๐ Public Rooms
EXIT CHAT?
// เค्เคฏा เคเคฐเคจा เคนै?
ADD STORY
// 24 เคंเคे เคฌाเคฆ auto-delete
๐ทTAP TO ADD PHOTO/VIDEO
![]()
๐ซ
BLOCKED
Room full เคนै।
![]()
