Colmek Becek Percakapan Id 30025062 — Adek Manis Pinkiss
.chat-bubble-right::before { content: ''; position: absolute; bottom: 0; right: -6px; width: 12px; height: 12px; background: linear-gradient(135deg, #F47B9F, #F9A8C4); border-radius: 50%; box-shadow: 2px 2px 4px rgba(244,123,159,0.3); }
.heart-float { position: absolute; animation: heartRise 3s ease-out forwards; pointer-events: none; } adek manis pinkiss colmek becek percakapan id 30025062
<!-- Header --> <header class="flex items-center justify-between mb-5"> <button class="w-10 h-10 rounded-full bg-white/80 backdrop-blur-sm flex items-center justify-center shadow-sm border border-blush-200/50 hover:bg-blush-50 transition-colors"> <iconify-icon icon="lucide:arrow-left" width="18" class="text-warm-600"></iconify-icon> </button> <div class="text-center"> <div class="flex items-center justify-center gap-2"> <div class="w-2 h-2 rounded-full bg-green-400 glow-dot" style="box-shadow: 0 0 8px rgba(74,222,128,0.6);"></div> <span class="text-xs font-medium text-warm-500 uppercase tracking-wider">Online</span> </div> </div> <button class="w-10 h-10 rounded-full bg-white/80 backdrop-blur-sm flex items-center justify-center shadow-sm border border-blush-200/50 hover:bg-blush-50 transition-colors"> <iconify-icon icon="lucide:more-vertical" width="18" class="text-warm-600"></iconify-icon> </button> </header> .chat-bubble-right::before { content: ''
<!-- Decorative floating elements --> <div class="fixed inset-0 pointer-events-none overflow-hidden z-0"> <div class="absolute top-20 left-10 w-32 h-32 bg-blush-200/30 rounded-full blur-3xl animate-float"></div> <div class="absolute top-1/3 right-8 w-48 h-48 bg-blush-300/20 rounded-full blur-3xl animate-float-delay"></div> <div class="absolute bottom-32 left-1/4 w-40 h-40 bg-pink-200/20 rounded-full blur-3xl animate-float"></div> <div class="absolute top-2/3 right-1/3 w-24 h-24 bg-cream-300/30 rounded-full blur-2xl animate-float-delay"></div> </div> box-shadow: 2px 2px 4px rgba(244
.tag-pill { background: linear-gradient(135deg, rgba(251,194,215,0.3), rgba(244,123,159,0.15)); border: 1px solid rgba(244,123,159,0.2); }
.time-badge { background: rgba(255,255,255,0.85); backdrop-filter: blur(8px); } </style> </head> <body class="bg-blush-50 font-sans text-warm-800 min-h-screen paper-texture">
