.jvk-comment{background:transparent;cursor:pointer;position:relative;transition:background .4s ease}.jvk-comment.jvk-popped{background:#3f9}.jvk-comment.jvk-popped:hover{background:#80ffbf;cursor:pointer}.jvk-comment-popup{position:absolute;top:-48px;right:-48px;z-index:100;transition:transform .2s}.jvk-comment-popup:has(.jvk-show){z-index:500}.jvk-avatar{cursor:pointer;background:url(/jvk.jpg);background-size:cover;filter:drop-shadow(0px 1px 2px rgba(0,0,0,.2)) drop-shadow(0px 4px 16px rgba(0,0,0,.2));width:48px;height:48px;border-radius:24px 24px 24px 0;transition:all .2s;opacity:0;scale:0}.jvk-popped .jvk-avatar{animation:jvk-pop-in .4s ease forwards}@keyframes jvk-pop-in{0%{opacity:0;scale:0}70%{opacity:1;scale:1.1}to{opacity:1;scale:1}}.jvk-comment:hover .jvk-comment-popup{transform:translateY(-2px)}.jvk-comment:hover .jvk-avatar{filter:drop-shadow(0px 2px 4px rgba(0,0,0,.25)) drop-shadow(0px 8px 24px rgba(0,0,0,.25));cursor:pointer}.jvk-message{all:revert;position:absolute;top:48px;left:0;background:#000;color:#fff;width:256px;max-width:calc(100vw - 32px);box-sizing:border-box;padding:16px;border-radius:0 16px 16px;line-height:24px;display:none;text-align:left;font-size:17px;font-weight:500;flex-direction:column;z-index:200;overflow-wrap:break-word;gap:.75em}.jvk-message a{color:#3f9}.jvk-message.jvk-show{display:flex}.jvk-comment--left .jvk-comment-popup{top:100%;right:auto;left:-48px}.jvk-comment--left .jvk-avatar{border-radius:24px 0 24px 24px}.jvk-comment--left .jvk-message{top:0;left:48px}@media(max-width:640px){.jvk-comment-popup{right:0;left:auto}.jvk-comment-popup:has(.jvk-show){position:fixed;bottom:16px;left:16px;top:auto;right:auto}.jvk-message{position:static;width:calc(100vw - 32px);max-width:none}}.jvk{color:#00e573;font-family:Kalam,cursive;font-weight:700;font-style:normal;font-size:24px}.jvk-dare{position:absolute;top:100%;left:50%;transform:translate(-50%) rotate(-5deg);width:300px;margin-top:8px}