/* Личное приветствие (?hi=…): карточка в стиле сайта по центру сверху. Анимация — в greeting.js. */
.guest-hello{position:fixed;left:50%;top:22px;z-index:90;display:flex;align-items:center;gap:14px;max-width:calc(100% - 32px);padding:14px 14px 14px 20px;background:#f9f8f4;border:1px solid #262322;box-shadow:6px 6px 0 #5839ce;transform:translate(-50%,0);transform-origin:50% 0}
.guest-hello p{margin:0;font:500 clamp(18px,2.2vw,26px)/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.03em;color:#262322}
.guest-word{display:inline-block;white-space:nowrap}
.guest-ch{display:inline-block}
/* сайт рисует эмодзи текстом (font-variant-emoji:text) — для поцелуйчика возвращаем цветной */
.guest-kiss{display:inline-block;font-variant-emoji:emoji;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;transform-origin:50% 70%}
.guest-mark{display:inline-block;font-size:34px;line-height:1;color:#5839ce}
.guest-hello button{min-width:36px;min-height:36px;border:0;background:none;font-size:22px;line-height:1;color:#625f5b;cursor:pointer}
.guest-hello button:hover{color:#5839ce}
.guest-hello{cursor:pointer}
/* табличка «good girl» висит под карточкой на двух ниточках; качается вокруг точки подвеса */
.guest-tag{position:absolute;left:0;right:0;top:100%;display:flex;justify-content:center;pointer-events:none}
.guest-tag-card{position:relative;margin-top:22px;padding:8px 16px;background:#5839ce;color:#fff;border:1px solid #262322;font:600 17px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.01em;white-space:nowrap;transform-origin:50% -22px;box-shadow:3px 3px 0 #262322}
.guest-tag-card::before,.guest-tag-card::after{content:'';position:absolute;bottom:100%;width:1px;height:23px;background:#262322}
.guest-tag-card::before{left:22%}.guest-tag-card::after{right:22%}
.guest-spark{position:fixed;z-index:91;pointer-events:none;color:#5839ce;font-family:Arial,Helvetica,sans-serif;line-height:1;opacity:0}
@media (max-width:640px){.guest-hello{top:84px}}