:root .sig--reg-flight.sig.sig { min-height: 460px; }
:root .sig--reg-flight { container-type: inline-size; background: radial-gradient(80% 70% at 85% 90%, rgba(161, 0, 255, .3), transparent 65%), radial-gradient(60% 50% at 10% 0%, rgba(227, 184, 255, .1), transparent 70%), #1c1922; }
:root .sig--reg-flight .rf { position: absolute; inset: 0; padding: clamp(18px, 5cqi, 40px); }
:root .sig--reg-flight .rf__mail { position: relative; z-index: 2; width: min(100%, 430px); padding: 14px 18px 16px; border-radius: 18px; background: #f7f5f9; color: #1f1b24; box-shadow: 0 30px 60px -24px rgba(0, 0, 0, .85); }
:root .sig--reg-flight .rf__top { display: flex; align-items: center; gap: 12px; padding-bottom: 10px; border-bottom: 1px solid #e3dee8; font: 600 .875rem/1 var(--f-display); }
:root .sig--reg-flight .rf__dots { display: flex; gap: 5px; }
:root .sig--reg-flight .rf__dots i { width: 9px; height: 9px; border-radius: 50%; background: #d6d0dc; }
:root .sig--reg-flight .rf__row { display: flex; gap: 10px; align-items: baseline; padding: 9px 0; border-bottom: 1px solid #ece8f0; font: 400 .875rem/1.3 var(--f-body); min-height: 2.35em; }
:root .sig--reg-flight .rf__row span { width: 4.4em; flex: none; color: #6b6474; }
:root .sig--reg-flight .rf__row em { font-style: normal; font-weight: 600; color: #1f1b24; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
:root .sig--reg-flight .rf__body { min-height: 4.6em; margin: 12px 0 14px; font: 400 .9375rem/1.55 var(--f-body); color: #2a2530; }
:root .sig--reg-flight .rf__caret { display: inline-block; width: 2px; height: 1.05em; margin-left: 1px; vertical-align: -2px; background: var(--v); opacity: 0; }
:root .sig--reg-flight .typing .rf__caret { opacity: 1; animation: rfBlink .9s steps(1) infinite; }
@keyframes rfBlink{ 50% { opacity: 0; } }
:root .sig--reg-flight .rf__foot { display: flex; align-items: center; justify-content: space-between; }
:root .sig--reg-flight .rf__att svg { width: 20px; height: 20px; fill: none; stroke: #8a8292; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
:root .sig--reg-flight .rf__send { display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px 9px 18px; border: 0; border-radius: 999px; background: var(--v); color: #fff; font: 600 .875rem/1 var(--f-display); box-shadow: 0 10px 24px -10px rgba(161, 0, 255, .9); transition: transform .18s var(--ease-out), box-shadow .3s; }
:root .sig--reg-flight .rf__send svg { width: 20px; height: 20px; }
:root .sig--reg-flight .rf__send.press { transform: scale(.9); box-shadow: 0 0 0 6px rgba(161, 0, 255, .25); }
:root .sig--reg-flight .rf__pw { fill: #fff; }
:root .sig--reg-flight .rf__pf { fill: #dcc6f2; }
:root .sig--reg-flight .rf__ps { fill: none; stroke: #b48ade; stroke-width: 1.2; }
:root .sig--reg-flight .rf__dest { position: absolute; z-index: 2; right: clamp(18px, 5cqi, 40px); bottom: clamp(18px, 5cqi, 40px); display: flex; align-items: center; gap: 12px; padding: 12px 18px 12px 12px; border-radius: 16px; background: #29243200; background: rgba(41, 36, 50, .9); border: 1px solid rgba(227, 184, 255, .2); color: #fff; backdrop-filter: blur(8px); transition: border-color .5s, transform .6s var(--ease-out); }
:root .sig--reg-flight .rf__dest b { display: block; font: 600 1rem/1.2 var(--f-display); letter-spacing: -.01em; }
:root .sig--reg-flight .rf__dest small { color: var(--ink-2); font-size: .8125rem; }
:root .sig--reg-flight .rf__pin { position: relative; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: rgba(161, 0, 255, .22); }
:root .sig--reg-flight .rf__pin svg { width: 22px; height: 22px; fill: none; stroke: var(--lilac); stroke-width: 1.6; stroke-linejoin: round; }
:root .sig--reg-flight .rf__pin i { position: absolute; inset: 0; border-radius: 12px; border: 2px solid var(--lilac); opacity: 0; }
:root .sig--reg-flight .rf__dest.hit { border-color: var(--lilac); transform: translateY(-3px); }
:root .sig--reg-flight .rf__dest.hit .rf__pin i { animation: rfRing 1.1s var(--ease-out) 2; }
@keyframes rfRing{ from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(1.9); } }
:root .sig--reg-flight .rf__reply { position: absolute; z-index: 3; right: clamp(18px, 5cqi, 40px); bottom: calc(clamp(18px, 5cqi, 40px) + 82px); display: flex; gap: 10px; align-items: flex-end; max-width: min(320px, 82%); opacity: 0; transform: translateY(16px) scale(.94); transform-origin: 100% 100%; transition: opacity .4s, transform .7s var(--ease-out); }
:root .sig--reg-flight .rf__reply.on { opacity: 1; transform: none; }
:root .sig--reg-flight .rf__reply p { padding: 12px 16px; border-radius: 18px 18px 4px 18px; background: var(--v); color: #fff; font: 400 .9375rem/1.45 var(--f-body); box-shadow: 0 18px 40px -18px rgba(161, 0, 255, .9); }
:root .sig--reg-flight .rf__reply p b { display: block; font: 600 .75rem/1.2 var(--f-display); letter-spacing: .02em; color: #f1e2ff; margin-bottom: 3px; }
:root .sig--reg-flight .rf__av { order: 2; flex: none; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: #fff; }
:root .sig--reg-flight .rf__av svg { width: 20px; height: 20px; fill: none; stroke: var(--v); stroke-width: 1.6; stroke-linecap: round; }
:root .sig--reg-flight .rf__sky { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 4; pointer-events: none; overflow: visible; }
:root .sig--reg-flight .rf__trail { fill: none; stroke: var(--lilac); stroke-width: 2; stroke-dasharray: 3 9; stroke-linecap: round; opacity: .8; }
:root .sig--reg-flight .rf__plane { opacity: 0; filter: drop-shadow(0 8px 14px rgba(0, 0, 0, .5)); }
:root .sig--reg-flight .sent .rf__trail { animation: rfFade 1.2s 2.4s forwards; }
@keyframes rfFade{ to { opacity: 0; } }
@container (max-width: 420px){:root .sig--reg-flight .rf__body { font-size: .875rem; }
:root .sig--reg-flight .rf__dest { left: clamp(18px, 5cqi, 40px); }

}