.invitation-round .login-composer { --accent: #f53224; }
.invitation-round .login-heading { width: calc(100% + 8px); }
.invitation-round .invitation-title { outline: none; }
.invitation-hint { max-width: 300px; margin: 26px auto 0; color: #767676; font-size: 16px; line-height: 1.45; font-weight: 400; letter-spacing: -.015em; text-wrap: balance; }
.invitation-round .answer-feedback { margin: 0; text-align: center; font-size: 14px; line-height: 1.4; }
.invitation-round [hidden] { display: none !important; }
.invitation-round button, .invitation-round input { -webkit-tap-highlight-color: transparent; }
.invitation-round button:focus-visible, .invitation-round input:focus-visible { outline: 3px solid #e72c20; outline-offset: 5px; }
.invitation-actions { position: relative; z-index: 3; gap: 12px; }
.invitation-opposite { border-color: #111; background: #fff; color: #111; }
.invitation-get { position: relative; overflow: hidden; isolation: isolate; touch-action: manipulation; user-select: none; -webkit-user-select: none; }
.invitation-hold:disabled, [data-interaction='launch'] .invitation-get:disabled { opacity: .42; }
.invitation-button-label { position: relative; z-index: 1; }
.invitation-hold { touch-action: none; }
.invitation-knocks { display: flex; gap: 5px; position: absolute; right: 22px; top: calc(50% - 3px); }
.invitation-knocks i { width: 6px; height: 6px; border: 1px solid #fff; border-radius: 50%; }
.invitation-knocks .is-hit { background: #fff; }
.invitation-almost, .invitation-word { display: inline-block; min-height: 44px; padding: 0 4px; margin: 0 -4px; border: 0; border-radius: 5px; background: transparent; color: inherit; font: inherit; line-height: inherit; letter-spacing: inherit; cursor: pointer; }
.invitation-almost[aria-pressed="true"] { text-decoration: line-through; text-decoration-thickness: 3px; }
.invitation-word[aria-pressed="true"] { background: #ffe6e3; outline: 1px solid #e72c20; }
.invitation-fragments { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 30px; }
.invitation-chip { min-width: 64px; min-height: 48px; padding: 10px 17px; border: 1px solid #111; border-radius: 10px; background: #fff; color: #111; font-size: 17px; font-weight: 650; cursor: pointer; }
.invitation-chip.is-used { opacity: .3; background: #f2f2f2; }
.invitation-title .invitation-envelope-line { position: relative; color: #111; }
.invitation-title .invitation-envelope-word { position: relative; display: inline-block; color: #111 !important; white-space: nowrap; }
.invitation-title .invitation-envelope-anchor { display: inline-block; position: relative; color: #111; }
.invitation-title .invitation-envelope-letter { display: inline; position: relative; z-index: 2; color: #111 !important; pointer-events: none; }
.invitation-hidden-envelope { position: absolute; z-index: 1; width: 44px; height: 44px; left: calc(100% - 31px); top: calc(.18em - 11px); display: grid; place-items: center; padding: 0; border: 0; background: transparent; cursor: grab; transition: transform .4s cubic-bezier(.2,.8,.2,1); }
.invitation-hidden-envelope svg { width: 23px; height: 17px; fill: #f53224; stroke: #111; stroke-width: 1.4; transform: rotate(-17deg); clip-path: polygon(68% 0,100% 0,100% 38%,80% 51%); }
.has-envelope .invitation-hidden-envelope { z-index: 3; transform: translate(15px,-27px); }
.has-envelope .invitation-hidden-envelope svg, .invitation-hidden-envelope.is-dragging svg { clip-path: none; }
.invitation-misprints { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.invitation-misprints .btn { width: 100%; min-height: 52px; padding-inline: 8px; font-size: 15px; }
.invitation-sequence { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
.invitation-color { position: relative; display: grid; place-items: center; width: 100%; min-height: 52px; border: 1px solid #111; border-radius: 999px; padding: 12px 25px; background: #111; color: #fff; font-size: 15px; font-weight: 700; cursor: pointer; transition: transform .16s, box-shadow .16s; }
.invitation-color:active { transform: scale(.92); }
.invitation-color.sequence-confirmed { transform: scale(.94); box-shadow: 0 0 0 2px #111,0 0 0 5px #fff,inset 0 0 0 2px #fff; }
.is-wrong .invitation-actions { animation: invitation-shake .3s ease-out; }
@keyframes invitation-shake { 20%,60% { translate: -4px 0; } 40%,80% { translate: 4px 0; } }
.onboarding-chat-stage .task-card { justify-content: center; }
.onboarding-chat-stage .task-body { max-width: 340px; margin-inline: auto; text-align: center; }
@media (min-width: 760px) {
  .invitation-hint { margin-top: 30px; max-width: 360px; font-size: 17px; }
  .invitation-hidden-envelope { left: calc(100% - 32px); top: calc(.18em - 10px); }
}
@media (prefers-reduced-motion: reduce) {
  .invitation-round *, .invitation-round *::before, .invitation-round *::after { animation: none !important; transition: none !important; }
}

.invitation-round[data-interaction='envelope'] .login-heading, .invitation-round[data-interaction='envelope'] .login-heading * { user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; }
.invitation-hidden-envelope { touch-action: none; }
.invitation-hidden-envelope.is-dragging { z-index: 3; cursor: grabbing; transition: none; }
[data-interaction='reload'] .invitation-get:hover:not(:disabled), [data-interaction='reload'] .invitation-get:active:not(:disabled) { transform:none; }