/* TWINS v0.2.78 — top-page TWIN is the single visual source + action toast */

/* Reuse the exact TWIN-page anatomy at smaller sizes instead of drawing a second icon. */
.twin-visual-mini{--twin-mini-size:32px;--twin-mini-scale:.181818;position:relative;display:inline-grid;place-items:center;width:var(--twin-mini-size);height:var(--twin-mini-size);flex:0 0 var(--twin-mini-size);overflow:visible;vertical-align:middle}
.twin-visual-mini.is-24{--twin-mini-size:24px;--twin-mini-scale:.136364}
.twin-visual-mini.is-26{--twin-mini-size:26px;--twin-mini-scale:.147727}
.twin-visual-mini.is-30{--twin-mini-size:30px;--twin-mini-scale:.170455}
.twin-visual-mini.is-32{--twin-mini-size:32px;--twin-mini-scale:.181818}
.twin-visual-mini.is-40{--twin-mini-size:40px;--twin-mini-scale:.227273}
.twin-visual-mini.is-42{--twin-mini-size:42px;--twin-mini-scale:.238636}
.twin-visual-mini.is-112{--twin-mini-size:112px;--twin-mini-scale:.636364}
.twin-visual-mini>.twin-orb.twin-evolution{position:absolute;left:50%;top:50%;width:176px;height:176px;margin:-88px 0 0 -88px;border-radius:50%;overflow:visible;isolation:isolate;background:none;filter:none;box-shadow:none;animation:none!important;transform:scale(var(--twin-mini-scale));transform-origin:50% 50%}
.twin-visual-mini>.twin-orb.twin-evolution:before{animation:twinHaloBreath 5.8s ease-in-out infinite}

/* Footer TWIN now is literally the top-page TWIN scaled down. */
.bottom-nav .nav-icon-twin{overflow:visible}
.bottom-nav .nav-twin-orb{background:none!important;box-shadow:none!important;border-radius:0!important;transform:none!important}
.bottom-nav a.active .nav-twin-orb{filter:drop-shadow(0 0 8px rgba(229,20,189,.34))}

/* Remove old decorative circles when the real TWIN is embedded. */
.has-twin-visual{display:grid!important;place-items:center!important;background:none!important;box-shadow:none!important;color:inherit!important;overflow:visible!important}
.install-twin-orb.has-twin-visual{width:132px;height:132px;margin:0 auto 14px}
.twin-guide-avatar.has-twin-visual,.starter-chat-avatar.has-twin-visual,.twin-help-avatar.has-twin-visual,.setting-orb.has-twin-visual,.twin-daily-nudge-icon.has-twin-visual,.public-twin-comment-orb.has-twin-visual{border:0!important}
.twin-profile-comment-preview>span.has-twin-visual,.twin-profile-comment-locked>span.has-twin-visual,.daily-feedback>span.has-twin-visual,.daily-inline-feedback>span.has-twin-visual{border:0!important}
.starter-created-orb.has-twin-visual{background:none!important;box-shadow:none!important;animation:none!important}

/* Center feedback after like / type / meet. */
.twins-action-toast{position:fixed;z-index:2200;left:50%;top:50%;width:max-content;max-width:min(88vw,420px);transform:translate(-50%,-50%) scale(.96);padding:15px 19px;border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(0,0,0,.74);box-shadow:0 18px 60px rgba(0,0,0,.35);backdrop-filter:blur(10px);color:#fff;text-align:center;font-size:13px;font-weight:760;line-height:1.55;opacity:0;transition:opacity .16s ease,transform .16s ease;pointer-events:none}
.twins-action-toast[hidden]{display:none!important}
.twins-action-toast.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}

.profile-meet-cta-form button:disabled,.profile-quick-actions button:disabled{opacity:.62;cursor:wait}
.profile-meet-cta-form button.reaction-sent,.profile-quick-actions button.reaction-sent{animation:reactionPulse .38s ease}

@media(prefers-reduced-motion:reduce){
  .twin-visual-mini>.twin-orb.twin-evolution:before,.twin-visual-mini .twin-aura i{animation:none!important}
  .twins-action-toast{transition:none!important}
}